Drag issue when dragging *new* item onto a tree. about pragmatic-drag-and-drop HOT 7 OPEN

Also using latest version of npm packages if that helps.

from pragmatic-drag-and-drop.

The above issue is experienced when using latest Chrome browser.

There are no issues when using latest Safari

There is a similar issue on latest Firefox but it seems to not even pick up that a drag has started because no preview component is ever rendered and no drag events are fired. Dragging from within the tree does work as expected.

from pragmatic-drag-and-drop.

Switching the draggable element from a button to a div has weirdly enabled firefox to work as expected in all cases. That change has had no effect on Chrome.

from pragmatic-drag-and-drop.

This seems very strange indeed! We have not come across this type issue before. It's hard to know what could be going on without a standalone example. Would you be able to provide a stripped down version as a codesandbox (or similiar) so that we can take a look and help troubleshoot your issue?

from pragmatic-drag-and-drop.

I'll see if I can get a reproduction put together.

I've narrowed down the issue to the draggable being absolutely positioned over an iframe. If I remove the iframe or move the draggable so that it is not on top of the iframe it works as expected.

from pragmatic-drag-and-drop.

What I ended up doing to temporarily fix this issue is attaching a pointerDown event to the draggable that temporarily sets pointer-events: none on the iframe and then when the drag is finished, we remove that style.

It seems that the issue is that the iframe was stealing some drag events that was preventing pragmatic-dnd from doing its thing.

from pragmatic-drag-and-drop.

I encounter this before but it is my misunderstanding when doing the droppable container. I only have a single droppable container, if I change to all individual item to also encapsulate the draggable, then it was resolved.

from pragmatic-drag-and-drop.