taye / interact.js

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
http://interactjs.io/
MIT License
12.19k stars 782 forks source link

draggable and gesturable div, behavior lock with inertia #1019

Open vincentmgd opened 7 months ago

vincentmgd commented 7 months ago

https://codepen.io/Vincent_mgd/pen/BaMrodL

Expected behavior

On touchscreen only Be able to switch from draggable to gesturable behavior during inertia-induced animation. When an object is moved with a finger, with inertia, we should be able to add a second finger and switch to gesturable to rotate/scale the object.

Actual behavior

On touchscreen only When you stop moving a div with one finger (draggable), or add another finger between drag, inertia prevents gesturable manipulation (scale/rotate). You have to wait for the inertia animation to finish before you can manipulate the object in gesturable mode (width dual touch).

System configuration

interact.js version : 1.10.21 (and previous versions) Chrome v119 and Firefox v119 Windows 11