alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(viewpane): calculate proper dimensions for view el

Browse Source
This commit is contained in:
braks
2022-10-07 22:55:38 +02:00
committed by Braks
parent 31b0bcb83a
commit 55e44030b3
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vue-flow/src/container/Viewport/Viewport.vue
+3 -5
View File
@@ -57,10 +57,10 @@ let transform = $ref({
zoom: clampedZoom, zoom: clampedZoom,
}) })
useResizeObserver(viewportEl, () => { useResizeObserver(viewportEl, (ev) => {
if (!viewportEl.value) return if (!ev[0].target) return
const { width, height } = getDimensions(viewportEl.value) const { width, height } = getDimensions(ev[0].target as HTMLDivElement)
dimensions.width = width dimensions.width = width
dimensions.height = height dimensions.height = height
}) })
@@ -74,8 +74,6 @@ useEventListener(window, 'resize', () => {
dimensions.height = height dimensions.height = height
}) })
onBeforeUnmount(stop)
onMounted(() => { onMounted(() => {
const d3Zoom = zoom<HTMLDivElement, any>().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent) const d3Zoom = zoom<HTMLDivElement, any>().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent)
const d3Selection = select(viewportEl.value).call(d3Zoom) const d3Selection = select(viewportEl.value).call(d3Zoom)