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().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent) const d3Selection = select(viewportEl.value).call(d3Zoom)