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

bcakmakoglu · bcakmakoglu · commit d8ddc4de6e2c · 2024-07-01T16:03:21.000+02:00
* fix(core): use `post` flush to re-observe nodes after toggling visibility

* chore(changeset): add

* chore(core): cleanup
diff --git a/.changeset/chilly-dragons-collect.md 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
@@ -173,7 +173,7 @@ const NodeWrapper = defineComponent({
             })
           }
         },
-        { immediate: true, flush: 'pre' },
+        { immediate: true, flush: 'post' },
       )
     })
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@vue-flow/core": patch
 +---
++
 +Use `post` flush timing to re-observe node size when toggling node visibility
Original file line number	Diff line number	Diff line change
`@@ -173,7 +173,7 @@ const NodeWrapper = defineComponent({`
`173`	`173`	`})`
`174`	`174`	`}`
`175`	`175`	`},`
`176`		`- { immediate: true, flush: 'pre' },`
	`176`	`+ { immediate: true, flush: 'post' },`
`177`	`177`	`)`
`178`	`178`	`})`
`179`	`179`