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

This commit is contained in:
Abhinav Raut
2025-09-10 03:06:32 +05:30
parent b15413b7ca
commit 8e89e4e0d4

View File

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