clauderic / clauderic/dnd-kit

[experimental] preventing parent drag when interacting with a child dialog

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

Description

Hi, I’m running into an issue where opening a dialog inside a draggable element causes the parent draggable to move whenever I try to interact with the dialog.

I found [this related issue](https://github.com/clauderic/dnd-kit/issues/477) for the old version of `dnd-kit`, but I can’t find anything similar for the experimental version.

I’ve looked into the docs on creating a custom sensor, but I have not been able to figure out have based on the docs

I’ve also tried calling `e.stopPropagation()` on almost every relevant handler and element, but that didn’t resolve the problem.

Has anyone run into this before or have tips on how to achieve this?

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.