From 55e44030b389969406aa5bdf8d6b35d9b794e5bc Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 17 Sep 2022 20:19:13 +0200
Subject: [PATCH] fix(viewpane): calculate proper dimensions for view el

---
 packages/vue-flow/src/container/Viewport/Viewport.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/vue-flow/src/container/Viewport/Viewport.vue b/packages/vue-flow/src/container/Viewport/Viewport.vue
index 441e6211..fe83a1d6 100644
--- a/packages/vue-flow/src/container/Viewport/Viewport.vue
+++ b/packages/vue-flow/src/container/Viewport/Viewport.vue
@@ -57,10 +57,10 @@ let transform = $ref({
   zoom: clampedZoom,
 })
 
-useResizeObserver(viewportEl, () => {
-  if (!viewportEl.value) return
+useResizeObserver(viewportEl, (ev) => {
+  if (!ev[0].target) return
 
-  const { width, height } = getDimensions(viewportEl.value)
+  const { width, height } = getDimensions(ev[0].target as HTMLDivElement)
   dimensions.width = width
   dimensions.height = height
 })
@@ -74,8 +74,6 @@ useEventListener(window, 'resize', () => {
   dimensions.height = height
 })
 
-onBeforeUnmount(stop)
-
 onMounted(() => {
   const d3Zoom = zoom<HTMLDivElement, any>().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent)
   const d3Selection = select(viewportEl.value).call(d3Zoom)