Disable viewport drag inside node toolbar

[cunning hinge]

Hello, does anyone know if I can disable the viewport drag event if the mouse is inside <NodeToolbar />?

[rancid totem]

Weird behaviour.

You can either try stop the propagation of different events like onDragStart, onMouseDown on the node toolbar content div etc to see if it stops that behaviour via e.stopPropagation().

Or you can toggle the panOnDrag prop of the ReactFlow component based on if the mouse has entered or left the node toolbar(set panOnDrag to false to disable panning altogether when your mouse is inside the node toolbar).

[cunning hinge]

Thanks for the input, I'll try it out. It's mainly because I've got a rather large toolbar with a lot of customization. Such as select boxes and inputs and the drag event seems to "override" some of the events within the toolbar (like a searchable select bar)

[rancid totem]

The second option is better then.