There is a conflict with draggable functionality with other draggable external components

Show
1

I’ve two components of react, the first is a list of items used by react-dnd, and the second component is the prosesmirror editor, a conflict occurs that does not work properly the draggable prosesmirror, but when deactivating react-dnd the nodes work perfectly draggable prosesmirror

1 Like
2

@jarl-alejandro I faced this issue too and was able to resolve using this workaround: Feature request: option to not block non-ReactDnD drag operations · Issue #7 · react-dnd/react-dnd-html5-backend · GitHub

You’ll see that the code snippet uses a shouldIgnoreTarget function but doesn’t include its implementation.

For my case, I used:

function shouldIgnoreTarget(domNode) {
    domNode.closest('.ProseMirror');
}