From d8ddc4de6e2c66939c35d5725fc7c18c2ff4bd99 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 1 Jul 2024 15:28:34 +0200
Subject: [PATCH] fix(core): use post flush to re-observe nodes after toggling
 visibility (#1517)

* fix(core): use `post` flush to re-observe nodes after toggling visibility

* chore(changeset): add

* chore(core): cleanup
---
 .changeset/chilly-dragons-collect.md              | 5 +++++
 packages/core/src/components/Nodes/NodeWrapper.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/chilly-dragons-collect.md

diff --git a/.changeset/chilly-dragons-collect.md b/.changeset/chilly-dragons-collect.md
new file mode 100644
index 00000000..22afdbe6
--- /dev/null
+++ b/.changeset/chilly-dragons-collect.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Use `post` flush timing to re-observe node size when toggling node visibility
diff --git a/packages/core/src/components/Nodes/NodeWrapper.ts b/packages/core/src/components/Nodes/NodeWrapper.ts
index a8ff068d..54b45bc7 100644
--- a/packages/core/src/components/Nodes/NodeWrapper.ts
+++ b/packages/core/src/components/Nodes/NodeWrapper.ts
@@ -173,7 +173,7 @@ const NodeWrapper = defineComponent({
             })
           }
         },
-        { immediate: true, flush: 'pre' },
+        { immediate: true, flush: 'post' },
       )
     })