From 60327c4ca05e92157d06812b7b6f8e8decd52792 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 18 Nov 2021 14:14:05 +0100
Subject: [PATCH] update(zoom): clamp transform values

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/ZoomPane/ZoomPane.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index 680d28f1..67774ade 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -190,7 +190,16 @@ watch(
   },
   { flush: 'pre' },
 )
-watch(transform, (val) => (store.transform = [val.x, val.y, val.zoom]), { flush: 'pre' })
+watch(
+  transform,
+  (val) =>
+    (store.transform = [
+      clamp(val.x, store.translateExtent[0][0], store.translateExtent[1][0]),
+      clamp(val.y, store.translateExtent[0][0], store.translateExtent[1][0]),
+      clamp(val.zoom, store.translateExtent[0][0], store.translateExtent[1][0]),
+    ]),
+  { flush: 'pre' },
+)
 
 const { zoomIn, zoomOut, zoomTo, transform: setTransform, fitView } = useZoomPanHelper()
 watchOnce(