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

Drag and Drop not working on Safari (Desktop and mobile) #1044

Open Felipewithf opened 1 week ago

Felipewithf commented 1 week ago

If you've found something that looks like a bug on Safari, I have created a sudoku-like game that uses the drag and drop function from Interact, it used to work great. However last month it stop working on safari (mobile iphone using safari and desktop using safari) but still works as intended on Android and chrome.

Expected behavior

when I see this board and I click and drag the pieces on the top, they will be able to be dragged and drop on the empty boxes below

Screenshot 2024-06-12 at 4 29 37 AM

Actual behavior

When I click on the drag pieces on the top, there is no "dragging" in desktop (safari) a scroll bar appears instead breaking the layout, while on mobile the "dragging also doesnt work but i get this "dragged out" textbox on top of my element.

Screenshot 2024-06-23 at 3 09 55 PM

System configuration

interact.js version: 1.10.27 - I copy and pasted the code form the website did not use npm Browser name and version: Safari Version 17.4.1 Operating System: IOs 14.4.1