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>
<!-- 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>