Clicking is easily mistaken for dragging.

[EmptyDreams]

Currently, if I use the left mouse button to click on a node and accidentally move the mouse slightly after pressing the left button, VueFlow will interpret this action as dragging.

Is it possible to add a check so that when the drag distance is less than a certain threshold, it is treated as a click rather than a drag?

[bcakmakoglu]

There already is a prop for that: https://vueflow.dev/typedocs/interfaces/FlowProps.html#nodedragthreshold

[EmptyDreams]

There already is a prop for that: https://vueflow.dev/typedocs/interfaces/FlowProps.html#nodedragthreshold

How should the nodeDragThreshold property be used? I tried setting the value to a very large number, but it doesn't seem to have any effect.

[EmptyDreams]

Oh, I see. This property only works for dragging nodes and doesn't affect dragging the canvas. Currently, I have node dragging disabled, but I allow clicking on nodes. So when I click a node, even the slightest mouse movement is still recognized as dragging the canvas.

[bcakmakoglu]

That's not a prop that is supported atm and won't be in VueFlow 1.x since version 1 is in a feature freeze and only actual bugs will be resolved for now.
2.x is already delayed like crazy since I have very little time to work on it with an actual job :(
Adding more features to 1.x would just further complicate things.

I'll consider this as an improvement for VueFlow 2.x with a drag threshold for the viewport.