search

BetterTyped / react-zoom-pan-pinch

🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>
MIT License
1.54k stars 274 forks source link

Zoom doesn't work properly on mobile when both fingers touch the screen simultaneously #487

Open MarwanEsm opened 4 months ago

MarwanEsm commented 4 months ago

Describe the bug Zoomin-In/Out won't work properly when a user touches a mobile device's screen with two fingers at the same time,

Expected behavior Immedita response and smoth Zooming-In/Out

Smartphone (please complete the following information):

nikbrunner commented 4 months ago

We are having the same Issue since this commit: https://github.com/BetterTyped/react-zoom-pan-pinch/commit/9525dbbae52f79aec452ad71e597cc830f15426b

We use this Dependency inside of Electron and embedded Chrome.

    "electron": "30.0.9",
sanderkooger commented 4 months ago

Can confirm this is an issue here too since i just updated.

MarwanEsm commented 4 months ago

Thanks, will it be resolved soon ?

bethuxs commented 4 months ago

I had the same problem with a 3.6.1 version, I changed to 3.4.4 and it worked well. Something changed between that two version.

yhuang1211 commented 4 months ago

I'm also having pinch problem on 3.6.1 with Android Chrome 126.0.6478.122. 3.6.0 was fine though.

hawkeye217 commented 4 months ago

We're back on 3.4.4 as well to avoid this issue for our project.

init1-dev commented 4 months ago

Going back to 3.4.4 solved this problem, thanks!!

krishnakiriti04 commented 3 months ago

Pinch zoom didn't work at all in android when I was using ^3.6.1 and going back to older versions fixed it.

txtjqm commented 3 months ago

Important note: when rolling back from 3.6.1 to 3.6.0, entry in package.json should be: "react-zoom-pan-pinch": "3.6.0", NOT "react-zoom-pan-pinch": "^3.6.0", I have a generalized idea of why this is the case, but would appreciate if someone could offer a specific explanation.

Another note: creating a test app using npx create-react-app my-app will also produce failure of pinch-zoom on mobile.

suke commented 3 months ago

I encountered the same issue, so I submitted a PR to fix the issue. https://github.com/BetterTyped/react-zoom-pan-pinch/pull/499

iamhuynq commented 2 months ago

I'm also having pinch problem

bhauteki commented 2 months ago

We are using the fork now for a while, seems to work fine.

mustafagarko commented 1 month ago

Rolled back to 3.6.0 and it works just fine. Keep in mind that you have to write it without "^" and just in case reinstall node modules