retyui / react-quick-pinch-zoom

A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
https://react-quick-pinch-zoom.netlify.app/
312 stars 47 forks source link

Not able to swipe up or down on element inside QuickPinchZoom #33

Closed bgakash93 closed 2 years ago

bgakash93 commented 3 years ago

Hi, Just checking if element can detect touch events placed within QuickPinchZoom.

retyui commented 3 years ago

could you please create a demo ? to show this issue

lak-16 commented 3 years ago

I have similar issue. I have a vertically scrollable page with a video element in that page. I can scroll the page by touching anywhere on the page other than video element. If I remove QuickPinchZoom, I can touch video element and scroll the page

retyui commented 3 years ago

can you show what props do you spread to

RisingGeek commented 2 years ago

@bgakash93 You can use these props draggableUnZoomed when set to false will not capture drag events when image is not zoomed

 containerProps={{
     style: {
        touchAction: "auto",
     },
 }}
 draggableUnZoomed={false}