From abe6006a0971842acc87d42e28798698988e9917 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 29 Jan 2024 16:55:21 +0100
Subject: [PATCH] refactor(core): emit pane ready after timeout of 1ms

---
 packages/core/src/store/actions.ts | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts
index e0662f84..79e5e347 100644
--- a/packages/core/src/store/actions.ts
+++ b/packages/core/src/store/actions.ts
@@ -209,6 +209,12 @@ export function useActions(
       return res
     }, [])
 
+    if (!state.fitViewOnInitDone && state.fitViewOnInit) {
+      viewportHelper.value.fitView()
+    }
+
+    state.fitViewOnInitDone = true
+
     if (changes.length) {
       state.hooks.nodesChange.trigger(changes)
     }
@@ -964,19 +970,17 @@ export function useActions(
   until(() => viewportHelper.value.initialized)
     .toBe(true)
     .then(async () => {
-      if (state.fitViewOnInit) {
-        await viewportHelper.value.fitView()
-      }
-
-      state.hooks.paneReady.trigger({
-        id,
-        emits,
-        vueFlowVersion: typeof __VUE_FLOW_VERSION__ !== 'undefined' ? __VUE_FLOW_VERSION__ : 'UNKNOWN',
-        ...hooksOn,
-        ...state,
-        ...getters,
-        ...actions,
-      })
+      setTimeout(() => {
+        state.hooks.paneReady.trigger({
+          id,
+          emits,
+          vueFlowVersion: typeof __VUE_FLOW_VERSION__ !== 'undefined' ? __VUE_FLOW_VERSION__ : 'UNKNOWN',
+          ...hooksOn,
+          ...state,
+          ...getters,
+          ...actions,
+        })
+      }, 1)
     })
 
   return actions