-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Zoom on pinch not working on Windows #3759
Comments
Hey @aleib, are you using a kind of trackpad to pinch zoom? |
Hey @moklick, I'm using the built in macbook touchpad to pinch zoom (and simulating the issue in Windows through Browserstack & Parallels). The users that reported the issue are using Windows 11 laptops and their built in touchpads as far as I know. |
Just checking in on this. We're getting a lot of bug reports from users and it's making our product pretty tough to use on Windows 😬 |
we will check it! |
Hello, Thanks ! |
👀 |
We did some extensive investigation into this issue. On macOS pinch zooming on a trackpad generates On Windows however, both actions emit wheel events and we can't find a way to differentiate them. To add to the confusion, on certain setups (Windows Desktop PC + pinch zooming on Wacom tablet) a wheel event is emitted with @tubarao312 I was able to reproduce the same faulty behaviour on Typeform, with the 'pinch to zoom in and out' setting. Zooming also leads to erratic panning there. Maybe you have a setup where the wheel events are correctly dispatched? You can check the wheel event with this codesandbox. If anyone has some information regarding this issue, your help is greatly appreciated.
|
Sorry I took so long to reply. Here you go:
|
@tubarao312 What Windows version do you use (10, 11) and what kind of input device & browser are you using? (Maybe the laptop make & model might also be an indicator, just poking around in the dark here) |
Also I realized in my last comment I said the Figma zoom on pinch example worked. My bad, I used the wrong example, it actually doesn't zoom in it all with pinch. |
Do you guys have any leads on this? I'd be happy to help investigate the issue and try to open a PR. |
@tubarao312 We currently hit a roadblock with this issue. Any help is greatly appreciated! |
Do you know anything other than what you posted in the thread? |
No this is pretty much it. If it runs on one device, it does not mean it runs on another. I found that it never works on macOS through Browserstack (Windows) for me. |
I checked this issue again with Windows 11 (via Paralles Desktop on a Macbook). The figma example should pinch but it pans. So it's definitely still an issue. In our zoom pane we have an Could anyone double check? |
We finally got a windows machine 🙌 This is fixed in 11.11.3 and 12.0.0-next.17. |
Describe the Bug
Zoom on pinch does not appear to work when using Windows and
panOnScroll
is set totrue
.Can be demonstrated in the Reactflow Figma-like example on the doc site.
This works on Mac.
Your Example Website or App
https://codesandbox.io/p/sandbox/thirsty-darkness-qdwrp6
Steps to Reproduce the Bug or Issue
Expected behavior
Expected: Viewport zooms in and out
Reality: Viewport scrolls
Screenshots or Videos
No response
Platform
Additional context
We've had multiple support requests for this on our product, and it appears to be the case for all Windows users.
Setting
zoomOnPinch={true}
does nothing (as it is already the default).The text was updated successfully, but these errors were encountered: