In @dnd-kit/react, Is it possible to anchor a specific reference point of the drag overlay to the mouse cursor?
Open
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
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