From 0d44179373b271c31e81c8c8bf6743a21eaca773 Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 6 Dec 2022 17:36:59 +0100 Subject: [PATCH] fix(core): allow middle mouse pan over edges Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- packages/core/src/container/Viewport/Viewport.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue index 5279238d..cc7017bc 100644 --- a/packages/core/src/container/Viewport/Viewport.vue +++ b/packages/core/src/container/Viewport/Viewport.vue @@ -191,7 +191,13 @@ onMounted(() => { const zoomScroll = zoomKeyPressed.value || zoomOnScroll const pinchZoom = zoomOnPinch && event.ctrlKey - if (event.button === 1 && event.type === 'mousedown' && (event.target as HTMLElement)?.closest(`.vue-flow__node`)) return true + if ( + event.button === 1 && + event.type === 'mousedown' && + ((event.target as HTMLElement)?.closest(`.vue-flow__node`) || (event.target as HTMLElement)?.closest(`.vue-flow__edge`)) + ) { + return true + } // if all interactions are disabled, we prevent all zoom events if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) return false