diff --git a/src/react/components/chip.jsx b/src/react/components/chip.jsx
index ab8ebd20d..bba0d6ad1 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 7e3291913..8da8d83db 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 efb61965d..1725fc29f 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);
     };