Disable dragging when hovering on a node in Reactflow

Question

I don't want to allow users drag the nodes, and that is possible with draggable: false option, or the prop that disables it for all the nodes. But when i go to a node click and drag a node the node doesn't drag but the background does and it looks like that the node is being dragged, is there any option to disable dragging when the user hovers on a node, or any other option that fixes this?

user2613946 · Accepted Answer · 2024-08-30 12:47:21Z

1

To avoid node dragging add nodesDraggable={false}

ReactFlow defaultNodes={defaultNodes} defaultEdges={defaultEdges} fitView nodesDraggable={false}>
      <Background />
      <Controls />
    </ReactFlow>

answered Aug 30, 2024 at 12:47

user2613946

5934 gold badges8 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

benxha Over a year ago

'nodesDraggable' option does not exist on newer versions

Ah Hu Nov 16 at 17:18

I am using the latest version and it exists

Collectives™ on Stack Overflow

Disable dragging when hovering on a node in Reactflow

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related