pmndrs / use-gesture

👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

Home Page:https://use-gesture.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

onPinch breaking on control + scroll

Khush08 opened this issue · comments

Describe the bug

The onPinch gesture starts breaking while using control + scroll. The movement property on the onPinch state has a NaN value at the Oth index. The onPinch gesture completely stops working after that

Sandbox or Video
https://codesandbox.io/s/fancy-rgb-x959zf?file=/src/App.js

pinch.mov

Steps to reproduce - Try zooming the blue box using control + mouse scroll wheel multiple times

Information:

  • Use Gesture version: 10.2.23
  • Device: Macbook Pro
  • OS: MacOS
  • Browser: Chrome

I tried and can't reproduce. What mouse are you using? Not sure what I'm supposed to look at in the video btw.

I am using Logitech M650. In the video I wanted to highlight that the movement[0] is assigned a NaN value on control + scroll. Once the 0th index of movement is assigned NaN, the gesture stops working

Btw it is not mouse specific

Hm in your code there is supposed to be an alert when the movement is NaN... I don't see it in the video.

Hmmm, let me share a new video

use-ges-pinch.mov