reppners / ngx-drag-drop

Angular directives using the native HTML Drag And Drop API
https://reppners.github.io/ngx-drag-drop/
BSD 3-Clause "New" or "Revised" License
299 stars 117 forks source link

Jumping / twitching behavior in Safari macOS #155

Open shamoon opened 8 months ago

shamoon commented 8 months ago

Describe the bug Thanks for the awesome project 🙏

When using in safari macOS desktop I get odd jumping behavior before dropping an element. Noticed this in a project but actually I can reproduce it with the main demo as well. See video below (you can see even when not moving, the right spot triggers this):

https://github.com/reppners/ngx-drag-drop/assets/4887959/1efe3471-654a-4d23-bf37-dd977a17295e

Sometimes this actually causes the item to disappear completely:

https://github.com/reppners/ngx-drag-drop/assets/4887959/3abbf84e-918c-433c-a3ae-eb8e34346728

Tested on Safari 17 (newest) and going back to 16.5 and 15.6

Grateful if anyone has ideas / workarounds, I didnt see in previous issues.

Steps to reproduce the behavior:

  1. Drag list item and hold over different spot
  2. See jumping

Expected behavior In e.g. Chrome, FF the jumping isn't observed.

Screenshots Video above

Desktop (please complete the following information):

Additional context I'm going to see if I can track it down a little more but nothing obvious to me at the moment