From 8e89e4e0d4e892e750492f5a6065f6b2fc43fbe0 Mon Sep 17 00:00:00 2001
From: Abhinav Raut <abhinavrautcs@gmail.com>
Date: Wed, 10 Sep 2025 03:06:32 +0530
Subject: [PATCH] fix(multi-select): add @input.stop to prevent event bubbling
 and corrupting state when it's wrapped e.g. like it's done in the
 Filterbuilder component

---
 frontend/src/components/ui/select/SelectTag.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/ui/select/SelectTag.vue b/frontend/src/components/ui/select/SelectTag.vue
index 037b03cf..e89a7a53 100644
--- a/frontend/src/components/ui/select/SelectTag.vue
+++ b/frontend/src/components/ui/select/SelectTag.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- idk why I named this select tag, should be named multi-select -->
   <TagsInput v-model="tags" class="px-0 gap-0" :displayValue="getLabel">
     <!-- Tags visible to the user -->
     <div class="flex gap-2 flex-wrap items-center px-3">
@@ -24,6 +25,7 @@
             @keydown.enter.prevent
             @blur="handleBlur"
             @click="open = true"
+            @input.stop
           />
         </ComboboxInput>
       </ComboboxAnchor>