Move event

[qtbit]

I'd like to use react-dnd to drag & drop container components into other container components to create a tree.

When moving a component, I'd liek to fire a redux action to update component positions on canvas to update e.g. the lines connecting the component with other components, move other components to create a space for the moving component etc.

Troubles

• react-dnd misses onMove event where a redux action updating positions and properties of canvas objects could be fired (e.g. updating the connecting lines, highlighting underlying component border etc.)
• react-dnd has hover event, but it is called only on hovering the target component not outside (on canvas, out of the canvas)
• creating places on drop-target component where you can't drop (e.g. title) is not possible?
• not possible to limit movement and remove lag as mnquintana wrote

[tommedema]

@qtbit how would you implement such onMove event with a HoC?

[guchengjie]

I also want to get the event object at the end of the drag. Self monitoring is also blocked.

[jt3k]

I also want to get a move or drag event, as implemented in the DOM API

[ronen]

FWIW I've simply placed an onDragOver event on the relevant canvas component container, and it gets called normally with the drag event. The handler dispatches redux actions and it seems to work fine, while react-dnd continues to do its stuff.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.