Vuetify: [Bug Report] Blur event for v-combobox adds the current filter text as a new item

Created on 7 Mar 2019  路  7Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.5.4
Vue: 2.5.2
Browsers: Chrome 72.0.3626.119
OS: Windows 7

Steps to reproduce

  1. Click in Location field
  2. Type B
  3. Click the B3 item

Expected Behavior

Expect the B3 item to be added without anything else.

Actual Behavior

B3 item gets added along with a new item B from the typed filter text.

Reproduction Link

https://codepen.io/anon/pen/GemKrX

Other comments

This is specifically a problem when menu-props="{ closeOnContentClick: true }". Some UX rationale comes from issue !5926 but I don't think this UX rationale applies when closeOnContentClick is true

VCombobox has PR bug

All 7 comments

I'd be interested in making a PR for this, mostly looking for discussion and direction about how we can approach this.

@GarrettGeorge As a workaround you can try closing menu manually instead of using menu prop by setting component's isMenuActive = false

Codepen: https://codepen.io/ram33/pen/NJmwJX

This also happens with menu-props="{ closeOnContentClick: false }", so I don't think that's related.

Similarly, if I click away it auto-submits the entry even if I have not clicked the item (or submit the form).

The current version 2.1.2 also seems to be affected. You can reproduce it by going to the vuetify documentation (https://vuetifyjs.com/en/components/combobox -> examples -> multiple combobox).

  1. Click into one of the three fields
  2. Enter letter d into the field
  3. Hit the down cursor to select Design
  4. Hit enter key

=> Design and d will be added to the selected items.

@johnleider I've just installed the latest version of vuetify 2.2.17. But I still have the issue as described here. On the documentation the bug is reproductible as well (https://vuetifyjs.com/en/components/combobox -> examples -> multiple combobox).

@johnleider why was this issue closed? The bug is still present in Vuetify's docs as of v2.3.10, as described in previous comments.

...

Was this page helpful?
0 / 5 - 0 ratings

Related issues

milleraa picture milleraa  路  3Comments

Antway picture Antway  路  3Comments

jofftiquez picture jofftiquez  路  3Comments

sebastianmacias picture sebastianmacias  路  3Comments

gluons picture gluons  路  3Comments