vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

fix(VAutocomplete): improve ux

Open nekosaur opened this issue 2 years ago • 3 comments

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>

nekosaur avatar Feb 02 '23 23:02 nekosaur

Would combobox benefit from these changes?

johnleider avatar Feb 07 '23 16:02 johnleider

Can I help bringing this PR forward? Is there additional work needed to land it in 3.3.x?

StefanFeederle avatar May 17 '23 14:05 StefanFeederle

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.

johnleider avatar May 17 '23 18:05 johnleider