[REACT] pinch zoom on iOS

[calendardeveloper]

By the way, I am on the latest 6.x alpha version

[alex.l]

HI,

This is static property, please check docs. You need to change it on the class, not on the instance.

Please let us know if it fixed your problem.

[calendardeveloper]

Sorry, how would I do that in React? any example? I am using the <BryntumSchedulerPro> component

[tasnim]

Hi,

Try importing the SchedulerPro from '@bryntum/schedulerpro'
And try setting https://www.bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-convertPinchToMousewheel-static it inside the userEffect

    useEffect(() => {
        SchedulerPro.convertPinchToMousewheel = false;
    }, [])

Does that work for you?

[calendardeveloper]

Thanks. It sort of works. It is not responding to the pinch zoom as it does natively. It only works 1 out of 10 times. Looks like the events are still getting mixed up.

[calendardeveloper]

Just to re-iterate, this is a blocker for us as we rely heavily on native pinch zoom. This used to be absolutely fine, up until a few versions ago. But something has changed and this opt-out flag is clearly not completely opting out of this feature. Please suggest a solution.

[Animal]

The flag has to be set on the Widget class.

Widget.convertPinchToMousewheel = false

[Animal]

Here I added it to the online example, and as you see, its zoomed:

pinch.png (122.29 KiB) Viewed 176 times

[calendardeveloper]

can you give me the URL of the online example you added this to?

[alex.l]

Hi,
You can use any of our demos. As example this one https://bryntum.com/products/schedulerpro/examples/resourcehistogram/
Make sure you used Widget class to set property.