fix(core): await node init to add handle bounds in Handle

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/components/Handle/Handle.vue

@@ -39,13 +39,17 @@ const isConnectable = computed(() => {
 })
 
 onMounted(() => {
-  // set up handle bounds if they don't exist yet (i.e. the handle was added after the node has already been mounted)
+  // set up handle bounds if they don't exist yet and the node has been initialized (i.e. the handle was added after the node has already been mounted)
+  until(() => node.initialized)
+    .toBe(true)
+    .then(() => {
       const existingBounds = node.handleBounds[type.value]?.find((b) => b.id === handleId)
+
       if (!vueFlowRef || existingBounds) return
 
       const viewportNode = vueFlowRef.querySelector('.vue-flow__transformationpane')
 
-  if (!nodeEl || !handle.value || !viewportNode) return
+      if (!nodeEl || !handle.value || !viewportNode || !handleId) return
 
       const nodeBounds = nodeEl.value.getBoundingClientRect()
 
@@ -63,6 +67,7 @@ onMounted(() => {
       }
 
       node.handleBounds[type.value] = [...(node.handleBounds[type.value] ?? []), nextBounds]
+    })
 })
 </script>