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

Interact working on 'mouse' action on larger screens, not on 'touch' action with mobile devices #1043

Open BloodSeaker opened 1 month ago

BloodSeaker commented 1 month ago

Expected behavior

When on a mobile device, I drag an element, it should be draggable over the screen up to droppable elements.

Actual behavior

For some reason on mobile devices using 'touch', the draggable seems like it is 'locked' in its own tiny area. Just moving a tiny bit but not able to move to the desired position. testable on https://www.purplefame.be/Game/LineUp, required to login with a social network

System configuration

interact.js version: https://unpkg.com/interactjs/dist/interact.min.js and also tested with jsdeliver Browser name and version: Tested in latest chrome browser ( 125.0.6422.113) with 'mobile mode' via developer tab , tested via latest Edge browser (124.0.2478.51) with 'mobile mode' via developer tab. Tested on latest android version with built-in browser and chrome latest app version. In 'desktop' browser it works correctly with the mouse, but not with touch, unrelating to screen width or height Operating System: Windows 11 and Android 14 latest