refactor(core): use lifecycle hooks to observe node dimensions

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2023-02-24 20:07:13 +01:00
parent 0ffc2f1dff
commit 325efba856
1 changed files with 6 additions and 9 deletions
@@ -92,16 +92,13 @@ onUpdateNodeInternals((updateIds) => {
  }
 })

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

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

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