[Bug]: Drag and drop of complex React Node is not working

[donovan-fournier]

Affected Packages

core

Version(s)

2.11.0

Bug Description

Drag and drop of Node element behavior has changed and moving node is not working as before anymore.

Use case:
We have

• 1 "Parent Node"
  • React component
  • Can contain several "Child Node".
• n "Child node"
  • Draggable
  • 2 parts: The drag handle, and an editable text

In 2.10.4, when dragging the child anywhere in the parent over the siblings, the drop was made at the position of the drop cursor. The cursor could be over the editable part, the drag part, between 2 children, it was working properly.

Enregistrement.de.l.ecran.2025-01-07.a.15.19.36.mov

In 2.11.0, when dragging the child, the drop is not working when the cursor is over another child. It is only working when it is between the nodes.

Enregistrement.de.l.ecran.2025-01-07.a.15.20.08.mov

Browser Used

Chrome

Code Example URL

https://codesandbox.io/p/sandbox/epic-jasper-5jc5jy?workspaceId=ws_SE9Cmdwat8XqZdktyiSyYj

Expected Behavior

The drop should be accepted

Additional Context (Optional)

May be linked to #5023

Dependency Updates

• Yes, I've updated all my dependencies.

[rushillshah]

Interesting, in the sandbox the drop seems to be accepted in some cases