Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] Combobox search term remains after clicking an item in the list

See original GitHub issue

Environment

Vuetify Version: 2.0.13 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.132 OS: Android 9, Windows

Steps to reproduce

in the tags field, type gam
click on the proposed item: Gaming

Expected Behavior

1 chip is added: Gaming
the search term gam is cleared

Actual Behavior

1 chip is added: Gaming
the search term gam remains in the text input

Reproduction Link

https://codepen.io/gotson/pen/GRKOoeb

Issue Analytics

State:
Created 4 years ago
Reactions:8
Comments:9 (5 by maintainers)

Top GitHub Comments

2reactions

wannfqcommented, Sep 5, 2019

Found workaround on this

...
<VCombobox
    ...
    // Add these 2 attributes into the component
    :search-input.sync="searchInput"
    @change="searchInput = ''"
>
</VCombobox>

...
data() {
  return {
    ...
    searchInput: "",  
  }      
}

1reaction

KaelWDcommented, Feb 1, 2020

#6459 is for v-autocomplete and is just ux, not an “actual” problem. In v-combobox the remaining text gets unintentionally added as an item when the field is blurred. There’s also a lot more issues opened in opposition to #5926 so I’d advocate for reverting #6342 altogether or at least making it optional.

Related w/ workaround: #6842