react-draggable icon indicating copy to clipboard operation
react-draggable copied to clipboard

Adding ability to control state from refs during onDrag

Open bluematter opened this issue 3 years ago • 0 comments

Problem

When dragging it's a challenge to manage state from refs because internally this.setState will always override any refs.setState making it useless.

Even if you return false from the function DraggableCore will this.handleDragStop(new MouseEvent('mouseup')); trigger drag stop.

Solution

Return an object with a key controlled and if it's true it will short circuit onDrag giving the custom callback the ability to control the state.

https://www.loom.com/share/2ca4ef824bc2404bac0cbf2f8108de2c

bluematter avatar Jun 05 '21 19:06 bluematter