From ce1647ad1efbbc9d9eacda7c6802bc7cb6471866 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 5 Oct 2023 21:42:45 +0200
Subject: [PATCH] feat(core): cleanup handle bounds from node when handle is
 unmounted

---
 packages/core/src/components/Handle/Handle.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/Handle/Handle.vue b/packages/core/src/components/Handle/Handle.vue
index 0a9721d9..276f6847 100644
--- a/packages/core/src/components/Handle/Handle.vue
+++ b/packages/core/src/components/Handle/Handle.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { toRef, until } from '@vueuse/core'
-import { computed, ref } from 'vue'
+import { computed, onBeforeUnmount, ref } from 'vue'
 import type { HandleProps } from '../../types/handle'
 import { Position } from '../../types'
 import { useHandle, useNode, useVueFlow } from '../../composables'
@@ -131,6 +131,14 @@ until(() => node.initialized)
     node.handleBounds[type.value] = [...(node.handleBounds[type.value] ?? []), nextBounds]
   })
 
+onBeforeUnmount(() => {
+  // clean up node internals
+  const handleBounds = node.handleBounds[type.value]
+  if (handleBounds) {
+    node.handleBounds[type.value] = handleBounds.filter((b) => b.id !== handleId.value)
+  }
+})
+
 function onPointerDown(event: MouseEvent | TouchEvent) {
   const isMouseTriggered = isMouseEvent(event)