clauderic / clauderic/dnd-kit

Accessibility: dragover fires immediately after dragstart in sortable

Open
#2,120 2 comments 0 reactions 0 assignees View on GitHub
a11y bug dom more information required triage:done
Dominant language
TypeScript
Stars
17.6k
Forks
924
Avg merge
2d 10h
Merged PRs (30d)
2

Description

When dragging an item in a sortable, the initial announcements after starting a drag are:

from dragstart: `Picked up draggable item {id}.`
from dragover: `Draggable item {id} was moved over droppable target {id}.` (i.e., itself)

In general, it makes sense for `dragover` fire consistently, but for accessibility, I can't think of a scenario where users would need the second message. If `dragstart` is defined, I'd expect the first `dragover` event after `dragstart` to be suppressed if the source and target id are the same.

Contributor guide

Open the contributing guide

Research direction

Start by locating the sortable accessibility announcement handling for dragstart and dragover, then reproduce the initial self-target announcement. Done means the first dragover after dragstart is suppressed when source and target IDs match, while normal dragover announcements remain unchanged; run the relevant test suite to verify the behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.