clauderic / clauderic/dnd-kit

[@dnd-kit/react, useSortable, Safari] When window is scrolled to bottom the dragged element jumps one row

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

Description

Reprod:
1. Run dnd-kit provided [sandbox demo for useSortable](https://dndkit.com/react/hooks/use-sortable/) on Safari.
2. Scroll to bottom.
3. Try to drag and item.
4. See it jump one row.

Video:
https://github.com/user-attachments/assets/5e4dae42-9165-4116-b625-6a0db186528d

Contributor guide

Open the contributing guide

Research direction

Run the provided useSortable sandbox demo in Safari, scroll the window to the bottom, and reproduce the jump while dragging an item. Trace the useSortable drag behavior around the scroll position; done means the dragged element stays in the expected row when dragging at the bottom.

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
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.