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

[Felipewithf]

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

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.

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