From e8923c8aaed836110085daa8e14d66dc198da3e6 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 6 Jun 2022 22:25:43 +0200
Subject: [PATCH] chore(nodes): set dimensions after mount

---
 packages/vue-flow/src/components/Nodes/NodeWrapper.vue | 2 ++
 packages/vue-flow/src/container/Viewport/Transform.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/vue-flow/src/components/Nodes/NodeWrapper.vue b/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
index c8245f8d..1d647ca0 100644
--- a/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
+++ b/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
@@ -69,6 +69,8 @@ watch(
 onBeforeUnmount(() => observer.stop())
 
 onMounted(() => {
+  updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }])
+
   watch(
     [
       () => node.position.x,
diff --git a/packages/vue-flow/src/container/Viewport/Transform.vue b/packages/vue-flow/src/container/Viewport/Transform.vue
index 2963a447..938f2cda 100644
--- a/packages/vue-flow/src/container/Viewport/Transform.vue
+++ b/packages/vue-flow/src/container/Viewport/Transform.vue
@@ -27,7 +27,7 @@ onMounted(async () => {
   // hide graph until dimensions are ready, so we don't have jumping graphs (ssr for example)
   ready = true
 
-  fitViewOnInit && fitView()
+  fitViewOnInit?.value && fitView()
   emits.paneReady({
     id,
     nodes,