From ce229e547f37e657410638abc6143aacb2ce5a6f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 29 Jan 2024 16:55:36 +0100
Subject: [PATCH] refactor(core,viewport): suspens transformation pane
---
packages/core/src/container/Viewport/Transform.vue | 6 ++++--
packages/core/src/container/Viewport/Viewport.vue | 8 +++++---
2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/packages/core/src/container/Viewport/Transform.vue b/packages/core/src/container/Viewport/Transform.vue
index ae99ef89..e3a2da31 100644
--- a/packages/core/src/container/Viewport/Transform.vue
+++ b/packages/core/src/container/Viewport/Transform.vue
@@ -5,11 +5,13 @@ import { useVueFlow } from '../../composables'
import NodeRenderer from '../NodeRenderer/NodeRenderer.vue'
import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue'
-const { id, viewport, d3Zoom, d3Selection, dimensions } = useVueFlow()
+const { id, viewport, d3Zoom, d3Selection, dimensions, fitViewOnInitDone } = useVueFlow()
const viewportReady = ref(!isClient)
-until(() => !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0))
+await until(() => !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0)).toBe(true)
+
+until(fitViewOnInitDone)
.toBe(true)
.then(() => {
setTimeout(() => {
diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index b574a855..5ab6e830 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -402,9 +402,11 @@ export default {
:is-selecting="isSelecting"
:class="{ connecting: !!connectionStartHandle, dragging: paneDragging, draggable: shouldPanOnDrag }"
>
-
-
-
+
+
+
+
+