From f35167ca720cbd9c1b33843ed9db9bb0e4161e68 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 15 Apr 2022 18:53:05 +0200
Subject: [PATCH] fix: enforce extent on viewport transforms

---
 package/src/composables/useZoomPanHelper.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/package/src/composables/useZoomPanHelper.ts b/package/src/composables/useZoomPanHelper.ts
index 33fe2955..a6253078 100644
--- a/package/src/composables/useZoomPanHelper.ts
+++ b/package/src/composables/useZoomPanHelper.ts
@@ -57,12 +57,11 @@ export default (store: Store = useVueFlow().store): ViewportFuncs => {
   }
 
   const transformViewport = (x: number, y: number, zoom: number, duration?: number) => {
-    const { x: clampedX, y: clampedY } = clampPosition(
-      { x: store.viewport.x - x, y: store.viewport.y - y },
-      store.translateExtent,
-    )
+    // enforce translate extent
+    const { x: clampedX, y: clampedY } = clampPosition({ x: -x, y: -y }, store.translateExtent)
 
     const nextTransform = zoomIdentity.translate(-clampedX, -clampedY).scale(zoom)
+
     if (store.d3Selection && store.d3Zoom) {
       store.d3Zoom.transform(transition(store.d3Selection, duration), nextTransform)
     }