From 0a2c13d468d6693cec981bccca3fed528519451e Mon Sep 17 00:00:00 2001 From: moklick Date: Tue, 6 Dec 2022 17:20:12 +0100 Subject: [PATCH 1/2] refactor(panning): allow middle mouse pan over edge closes #2621 --- packages/core/src/container/ZoomPane/index.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) 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; } From 6ee44e076eaa6908d07578a757a5187642b732ae Mon Sep 17 00:00:00 2001 From: moklick Date: Tue, 6 Dec 2022 17:21:21 +0100 Subject: [PATCH 2/2] chore(changeset): add --- .changeset/mighty-needles-rush.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/mighty-needles-rush.md 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