From f09b7d934bb34701fc0fe7886e7bda2fd44dce3f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 3 Feb 2024 12:20:31 +0100
Subject: [PATCH] refactor(core): move fitViewOnInit to node dimensions update

---
 .../core/src/container/Viewport/Transform.vue |  4 +--
 packages/core/src/store/actions.ts            | 27 +++++++------------
 2 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/packages/core/src/container/Viewport/Transform.vue b/packages/core/src/container/Viewport/Transform.vue
index 9fc0f861..dc523932 100644
--- a/packages/core/src/container/Viewport/Transform.vue
+++ b/packages/core/src/container/Viewport/Transform.vue
@@ -3,7 +3,7 @@ import { useVueFlow } from '../../composables'
 import NodeRenderer from '../NodeRenderer/NodeRenderer.vue'
 import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue'
 
-const { id, viewport, fitViewOnInitDone } = useVueFlow()
+const { viewport } = useVueFlow()
 </script>
 
 <script lang="ts">
@@ -15,11 +15,9 @@ export default {
 
 <template>
   <div
-    :key="`transform-${id}`"
     class="vue-flow__transformationpane vue-flow__container"
     :style="{
       transform: `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})`,
-      opacity: fitViewOnInitDone ? undefined : 0,
     }"
   >
     <EdgeRenderer />
diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts
index cc2986a1..5531c31b 100644
--- a/packages/core/src/store/actions.ts
+++ b/packages/core/src/store/actions.ts
@@ -947,24 +947,15 @@ export function useActions(
   until(() => viewportHelper.value.initialized)
     .toBe(true)
     .then(() => {
-      setTimeout(() => {
-        // todo:  move this to when *nodes* are initialized instead of viewport
-        if (!state.fitViewOnInitDone && state.fitViewOnInit) {
-          viewportHelper.value.fitView()
-        }
-
-        state.fitViewOnInitDone = true
-
-        state.hooks.paneReady.trigger({
-          id,
-          emits,
-          vueFlowVersion: typeof __VUE_FLOW_VERSION__ !== 'undefined' ? __VUE_FLOW_VERSION__ : 'UNKNOWN',
-          ...hooksOn,
-          ...state,
-          ...getters,
-          ...actions,
-        })
-      }, 1)
+      state.hooks.paneReady.trigger({
+        id,
+        emits,
+        vueFlowVersion: typeof __VUE_FLOW_VERSION__ !== 'undefined' ? __VUE_FLOW_VERSION__ : 'UNKNOWN',
+        ...hooksOn,
+        ...state,
+        ...getters,
+        ...actions,
+      })
     })
 
   return actions