refactor(core): use watcheffect to observe node dimensions

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2023-02-10 15:53:38 +01:00
parent 9a14d8b349
commit a5ee9d978c
2 changed files with 10 additions and 7 deletions
@@ -88,13 +88,16 @@ onUpdateNodeInternals((updateIds) => {
  }
 })

-onMounted(() => {
-  props.resizeObserver.observe(nodeElement.value as HTMLDivElement)
-})
+watchEffect(
+  (onCleanup) => {
+    if (!node.hidden) {
+      props.resizeObserver.observe(nodeElement.value as HTMLDivElement)

-onBeforeUnmount(() => {
-  props.resizeObserver.unobserve(nodeElement.value as HTMLDivElement)
-})
+      onCleanup(() => props.resizeObserver.unobserve(nodeElement.value as HTMLDivElement))
+    }
+  },
+  { flush: 'post' },
+)

 watch(
  [() => node.type, () => node.sourcePosition, () => node.targetPosition],