Sortable -> Virtualized is broken in Safari (it happens also on storybook example)

[rigobauer]

Hi,

Looks like the virtualized version doesn't work correctly on Safari. Once you drag an item and scroll, the preview position and the dropping position start to separate. The more you scroll, the more separation.

You can see the issue using Safari on the Storybook example:

https://github.com/user-attachments/assets/9cc9dfa6-ef1d-4d7b-9e25-c170a05479e9

I'm using Safari Version 17.5 (19618.2.12.11.6) on MacOS Sonoma 14.5. We have the exact same issue on our implementation using TanStack Virtual + dnd-kit.

It's working flawlessly on Chrome and Firefox

[RubenZx]

Any updates on this? I'm also facing the same problem

[awesomeYG]

same problem

[Tzxhy]

+1

[Tzxhy]

I found that use scroll-behavior: smooth; on scrollable container will work. @awesomeYG @RubenZx