Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
GarrettGeorge opened this issue Mar 7, 2019 · 10 comments · Fixed by skyYaga/skdvin-webapp#18, skyYaga/skdvin-webapp#21 or anyulled/reactivewebflux#5 · May be fixed by andrebaldo/python-vue-spa-boilerplate#3
Labels
C: VCombobox VCombobox S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected

Comments

@GarrettGeorge
Copy link

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

@GarrettGeorge
Copy link
Author

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

@ram33
Copy link

ram33 commented Mar 26, 2019

@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

@MajesticPotatoe MajesticPotatoe added the C: VCombobox VCombobox label Apr 9, 2019
@zjgreen
Copy link

zjgreen commented Jun 8, 2019

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).

@all4manu
Copy link

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.

@thomas-romuald
Copy link

@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).

@inad9300
Copy link

inad9300 commented Sep 4, 2020

@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.

@inad9300

This comment has been minimized.

@ananthachetan

This comment has been minimized.

@AirDur

This comment has been minimized.

@johnleider
Copy link
Member

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression.

If you have any additional questions, please reach out to us in our Discord community.

@vuetifyjs vuetifyjs locked as resolved and limited conversation to collaborators Feb 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
C: VCombobox VCombobox S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected
Projects
None yet
10 participants