From 908657c7ce48e5031d037e2dd03ea4ab0f27e9bf Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 5 Apr 2022 15:53:05 +0200
Subject: [PATCH] chore: move custom size check up above watcher

---
 package/src/components/Nodes/NodeWrapper.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package/src/components/Nodes/NodeWrapper.vue b/package/src/components/Nodes/NodeWrapper.vue
index 3223fcfd..2284eea5 100644
--- a/package/src/components/Nodes/NodeWrapper.vue
+++ b/package/src/components/Nodes/NodeWrapper.vue
@@ -76,14 +76,6 @@ const onDragStop: DraggableEventListener = ({ event, data: { deltaX, deltaY } })
 const size = ref<Record<string, string>>()
 
 onMounted(() => {
-  useResizeObserver(nodeElement, () =>
-    store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value, forceUpdate: true }]),
-  )
-
-  watch([() => node.value.type, () => node.value.sourcePosition, () => node.value.targetPosition], () =>
-    nextTick(() => store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value }])),
-  )
-
   const { width, height } = nodeElement.value.getBoundingClientRect()
 
   const hasCustomSize = node.value.dimensions && node.value.dimensions.width !== 0 && node.value.dimensions.height !== 0
@@ -96,7 +88,15 @@ onMounted(() => {
     if (!heightMatch) size.value!.height = `${node.value.dimensions.height}px`
   }
 
-  store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value }])
+  useResizeObserver(nodeElement, () =>
+    store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value, forceUpdate: true }]),
+  )
+
+  watch([() => node.value.type, () => node.value.sourcePosition, () => node.value.targetPosition], () =>
+    nextTick(() => store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value }])),
+  )
+
+  store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value, forceUpdate: true }])
 })
 
 const getClass = () => (node.value.class instanceof Function ? node.value.class(node.value) : node.value.class)