vuetify
vuetify copied to clipboard
fix(VAutocomplete): improve ux
closes #16186
TODO: add some tests
Description
- Remove items by pressing Backspace
- Ability to keep typing when list is focused
- Fix bug where both value and search showed at the same time
Markup:
<template>
<v-app>
<v-main>
<v-autocomplete
class="ma-10"
clearable
chips
label="Autocomplete"
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
></v-autocomplete>
<v-autocomplete
class="ma-10"
clearable
label="Autocomplete"
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
></v-autocomplete>
<v-autocomplete
class="ma-10"
clearable
multiple
label="Autocomplete"
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
></v-autocomplete>
<v-autocomplete
class="ma-10"
clearable
multiple
chips
label="Autocomplete"
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
></v-autocomplete>
</v-main>
</v-app>
</template>
<script setup>
</script>
Would combobox benefit from these changes?
Can I help bringing this PR forward? Is there additional work needed to land it in 3.3.x?
Can I help bringing this PR forward? Is there additional work needed to land it in 3.3.x?
This P.R. should probably be on hold pending some big changes to all form controls, including some autocomplete specific ones.