From dd9c92ff81af28cb2474da4f56825d43daa8a930 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 4 Mar 2025 11:01:37 +0100
Subject: [PATCH] fix(core): avoid removing handle bounds on handle unmount
 (#1781)

* fix(core): avoid removing handle bounds on handle unmount

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

* chore(changeset): add

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

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .changeset/plenty-rocks-impress.md             |  5 +++++
 packages/core/src/components/Handle/Handle.vue | 10 +---------
 2 files changed, 6 insertions(+), 9 deletions(-)
 create mode 100644 .changeset/plenty-rocks-impress.md

diff --git a/.changeset/plenty-rocks-impress.md b/.changeset/plenty-rocks-impress.md
new file mode 100644
index 00000000..bc8313e9
--- /dev/null
+++ b/.changeset/plenty-rocks-impress.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Prevent removal of handle bounds when `<Handle>` is unmounted.
diff --git a/packages/core/src/components/Handle/Handle.vue b/packages/core/src/components/Handle/Handle.vue
index 63433b0e..2aebb375 100644
--- a/packages/core/src/components/Handle/Handle.vue
+++ b/packages/core/src/components/Handle/Handle.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, onMounted, onUnmounted, ref, toRef } from 'vue'
+import { computed, onMounted, ref, toRef } from 'vue'
 import type { HandleProps } from '../../types'
 import { Position } from '../../types'
 import { useHandle, useNode, useVueFlow } from '../../composables'
@@ -136,14 +136,6 @@ onMounted(() => {
   node.handleBounds[type.value] = [...(node.handleBounds[type.value] ?? []), nextBounds]
 })
 
-onUnmounted(() => {
-  // clean up node internals
-  const handleBounds = node.handleBounds[type.value]
-  if (handleBounds) {
-    node.handleBounds[type.value] = handleBounds.filter((b) => b.id !== handleId)
-  }
-})
-
 function onPointerDown(event: MouseEvent | TouchEvent) {
   const isMouseTriggered = isMouseEvent(event)