From 7c8270eaa2319517c2ec8e2bfcedf025d8b656b6 Mon Sep 17 00:00:00 2001
From: huajiqaq <huajicloud@gmail.com>
Date: Mon, 12 Jan 2026 13:14:48 +0800
Subject: [PATCH] Prevent chip delete event from bubbling

Added event.stopPropagation() to the delete handlers in React, Svelte, and Vue chip components to prevent the delete event from bubbling up the DOM tree.
---
 src/react/components/chip.jsx     | 1 +
 src/svelte/components/chip.svelte | 1 +
 src/vue/components/chip.vue       | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/react/components/chip.jsx b/src/react/components/chip.jsx
index ab8ebd20de..bba0d6ad17 100644
--- a/src/react/components/chip.jsx
+++ b/src/react/components/chip.jsx
@@ -45,6 +45,7 @@ const Chip = (props) => {
   };
 
   const onDeleteClick = (event) => {
+    event.stopPropagation();
     emit(props, 'delete', event);
   };
 
diff --git a/src/svelte/components/chip.svelte b/src/svelte/components/chip.svelte
index 7e3291913a..8da8d83db2 100644
--- a/src/svelte/components/chip.svelte
+++ b/src/svelte/components/chip.svelte
@@ -44,6 +44,7 @@
   const icon = $derived(useIcon(restProps));
 
   function onDeleteClick(e) {
+    e.stopPropagation();
     restProps.onDelete?.(e);
     restProps.ondelete?.(e);
   }
diff --git a/src/vue/components/chip.vue b/src/vue/components/chip.vue
index efb61965dc..1725fc29f0 100644
--- a/src/vue/components/chip.vue
+++ b/src/vue/components/chip.vue
@@ -43,6 +43,7 @@ export default {
     const elRef = ref(null);
 
     const onDeleteClick = (event) => {
+      event.stopPropagation();
       emit('delete', event);
     };