interact.js icon indicating copy to clipboard operation
interact.js copied to clipboard

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

Open BloodSeaker opened this issue 8 months ago • 0 comments

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

BloodSeaker avatar May 31 '24 09:05 BloodSeaker