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

[experimental] Item moves to top when dragging down in shorter sortable column with move helper

Open FredrikMWold opened this issue 7 months ago • 1 comments

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.

Image

Steps to Reproduce

  1. Open codesandbox from documentaion https://codesandbox.io/p/sandbox/3w2vd6?file=%2FApp.js
  2. 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

FredrikMWold avatar May 25 '25 21:05 FredrikMWold

Seems like closestCorners collision on Droppable and Sortable solves this in my case

papsavas avatar Oct 13 '25 09:10 papsavas