react-zoom-pan-pinch icon indicating copy to clipboard operation
react-zoom-pan-pinch copied to clipboard

Pinch issue on touchpad

Open rrkoshta123 opened this issue 1 year ago • 3 comments

I am facing issue with pinching. Whatever props related to pinch I am using is not working like step, onPinching etc. I tried to disabling it as well but it's not working. Looks like pinching props are not working in the library. Also, Can we have a feature on pinch to increase the scale by 0.1 same as wheel? Also, same should work with touchpad.

Code I am using:

    onPinching={handlePinching}     
    pinch={{disabled: false, step: 0.1}}         
    onPinchingStart={handlePinching}     ](url)

rrkoshta123 avatar Aug 09 '24 05:08 rrkoshta123

@rrkoshta123 you can use wheel={{ wheelDisabled: true, smoothStep: 0.01 }} as a work around. 😄

cheechoo28 avatar Sep 12 '24 17:09 cheechoo28

How to achieve the support for both mouse wheel scrolling and touchpad zooming?

webchenjie avatar Apr 26 '25 14:04 webchenjie

got it

wheel={{
    smoothStep: 0.01,
    touchPadDisabled: false,
}}

works for me

xavhan avatar May 22 '25 16:05 xavhan