clauderic / clauderic/dnd-kit

Variable height card flickering - collision detection issue?

Open
#1,950 4 comments 6 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.