dnd-kit icon indicating copy to clipboard operation
dnd-kit copied to clipboard

Autoscroll causes draggable items to become offset from their real position on Safari 26.0.1

Open olekbruks opened this issue 2 months ago • 3 comments

I've found an issue that occurs when I drag a tile from the bottom row of tiles to the top, starting from the bottom of the browser's viewport (after scrolling down). While dragging, the page auto-scrolls up. After dropping the tile in Safari, the actual and displayed positions of the components inside the scrollable container become desynchronized. This is clearly visible in the developer tools, but it can also be observed by watching the cursor type. The layout remains broken until the page is scrolled again.

Image

It seems to me that the problem only occurs in Safari 26.0.1; it might be a browser bug rather than a library issue.

I've found this issue during testing my own application, but it can be easily reproduced using official storybook.

olekbruks avatar Oct 27 '25 14:10 olekbruks

I also encountered this problem, have you solved it?

handexing avatar Oct 30 '25 08:10 handexing

No, I have no idea how to fix or hack that. I've found some indications that Safari 26 has some problems with rendering scrollable content...

olekbruks avatar Oct 31 '25 10:10 olekbruks

https://next.dndkit.com

clauderic avatar Oct 31 '25 16:10 clauderic