diff --git a/.changeset/mighty-needles-rush.md b/.changeset/mighty-needles-rush.md new file mode 100644 index 00000000..0790ee82 --- /dev/null +++ b/.changeset/mighty-needles-rush.md @@ -0,0 +1,5 @@ +--- +'@reactflow/core': patch +--- + +Allow middle mouse pan over edges diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx index a5783a7a..f72840b1 100644 --- a/packages/core/src/container/ZoomPane/index.tsx +++ b/packages/core/src/container/ZoomPane/index.tsx @@ -228,7 +228,11 @@ const ZoomPane = ({ const zoomScroll = zoomActivationKeyPressed || zoomOnScroll; const pinchZoom = zoomOnPinch && event.ctrlKey; - if (event.button === 1 && event.type === 'mousedown' && event.target.closest(`.react-flow__node`)) { + if ( + event.button === 1 && + event.type === 'mousedown' && + (event.target.closest('.react-flow__node') || event.target.closest('.react-flow__edge')) + ) { return true; }