dnd-kit
dnd-kit copied to clipboard
[experimental] Item moves to top when dragging down in shorter sortable column with move helper
Description
When using multiple sortable columns with the move helper (as shown in the documentation example), dragging an item downward in one column unexpectedly moves it to the top of that column. This behavior occurs only when another column contains significantly more items, creating excess vertical space in the shorter columns.
Steps to Reproduce
- Open codesandbox from documentaion https://codesandbox.io/p/sandbox/3w2vd6?file=%2FApp.js
- Add more element to the the "A" array
Environment
- @dnd-kit/react": "^0.1.17
- @dnd-kit/helpers": "^0.1.17
Expected Behavior
For the element being dragged to stay at the bottom of the list
Seems like closestCorners collision on Droppable and Sortable solves this in my case