Variable height card flickering - collision detection issue?
Open
bug
collision
has workaround
react
triage:done
- Dominant language
- TypeScript
- Stars
- 17.6k
- Forks
- 924
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 2
Description
Hi!
While implementing vertical sorting I stumbled upon this issue with variable heights causing flicker when dragging slowly over an element. It is visible in the React/Storybook example [dnd-kit storybook Vertical Lists -> Variable Height](https://main--5fc05e08a4a65d0021ae0bf2.chromatic.com/?path=/story/react-sortable-vertical-list--variable-heights). I've tried to mitigate this issue with various collision detection strategies but wasn't able to. This issue is also visible with Horizontal List -> Variable Width in the storybook.
This occurs when using default plugins.
https://github.com/user-attachments/assets/89422273-86a7-443d-a35d-7b0eea3123e8
Contributor guide
Assessment
This issue has not been assessed yet.