clauderic / clauderic/dnd-kit

[next] Scrollbar flickering while dragging a card in a kanban board

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

Description

Hi, I was checking out the new dnd-kit storybook examples. I noticed an issue where the scrollbar flickers while dragging a card.

Here's a video reproducing the issue. From this [link](https://experimental--5fc05e08a4a65d0021ae0bf2.chromatic.com/?path=/story/react-sortable-multiple-lists--scrollable)

https://github.com/user-attachments/assets/a104342e-3d6a-4e61-9260-85ddc79d52f9

I was testing it for a side project, Amazing library btw! Thanks!

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the linked Storybook example, react-sortable-multiple-lists--scrollable, while dragging a card. Inspect the relevant drag-and-drop and scroll behavior around that example. Done means the scrollbar no longer flickers during a card drag and the example still behaves correctly.

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
Stale
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.