score:0

As rioV8 mentioned, this issue is that the node translate and the panning of the canvas are working at the same time. So the solution is, when dragging a node, to stop panning the canvas. This can be done by stopping the propagation of the event when we are dragging the node. So in the dragstarted(d) event handler, add this line of code at the beginning:

d3.event.sourceEvent.stopPropagation();

Related Query

More Query from same tag