clauderic / clauderic/dnd-kit

Placement position of item when moving from one column to another in multiple lists

Open
#2,127 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
17.6k
Forks
924
Avg merge
2d 10h
Merged PRs (30d)
2

Description

Regarding multiple lists and using this [example](https://main--5fc05e08a4a65d0021ae0bf2.chromatic.com/iframe.html?globals=&args=&id=react-sortable-multiple-lists--example&viewMode=story) taken from [Storybook](
https://main--5fc05e08a4a65d0021ae0bf2.chromatic.com/?path=/story/react-sortable-multiple-lists--example).

Let's say there's a column with only one item, if you drag another item into that column to place in the last position but drag down a little further it looks to place this item at the top of the list.

Seems to work correctly (i.e placing the item in the last position) when the column has a certain number of items (perhaps relative to the height of the column).

Contributor guide

Open the contributing guide

Research direction

Start with the linked Storybook react-sortable-multiple-lists example and reproduce the behavior using a column with one item. Compare dragging an item into the last position with a short and a longer column; done means dropping slightly below the column keeps the item in the last position.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.