[dnd-kit example] List jumps when dragging near the edge of the list

[reifocS]

Screencast.from.10.12.2024.12.51.24.webm

Describe the bug
Scroll position resets when dragging near the end of the list, creating a bouncing effect

To Reproduce
I created a minimum reproducible example here
https://codesandbox.io/p/sandbox/wqsrdk

Expected behavior
List jumps around when scrolling near the edge of the list

Platform:

• OS: [Linux]
• Browser: [Chrome]
• Version of this package: [0.39.0]
• Version of framework: [react, vue, solid-js, svelte] [x.x.x]

Additional context
It only happens when the count of item is below a certain threshold

[inokawa]

It may be a similar issue to #417

[inokawa]

Related issues:

• WindowVirtualizer with dnd-kit scrolls up when dragging an item to the bottom #604
• Which virtualization library is recommended? clauderic/dnd-kit#1372 (reply in thread)

[inokawa]

#604 (comment)

[gaburielcasado]

On drag start, I save the index of the item being dragged, and conditionally pass an array with that index to keepMounted. If no item is being dragged, then I just pass an empty array to keepMounted. Haven't seen the list jumping anymore since doing that. Not a solution obviously, but seems to be a stable workaround.