clauderic / clauderic/dnd-kit

In @dnd-kit/react, Is it possible to anchor a specific reference point of the drag overlay to the mouse cursor?

Open
#1,777 0 comments 0 reactions 0 assignees View on GitHub
experimental question react triage:done
Dominant language
TypeScript
Stars
17.6k
Forks
924
Avg merge
2d 10h
Merged PRs (30d)
2

Description

My draggables can be different sizes, and I always want the draggable to be centered horizontally, and 10 pixels up from the bottom on the y axis. Is this possible?

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the @dnd-kit/react drag-overlay positioning entry point and its existing behavior; the issue names no file or test. Determine whether the current API can express a reference point that stays horizontally centered and 10 pixels above the bottom for differently sized draggables, then verify the behavior with focused coverage.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.