question-mark
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] Blur event for v-combobox adds the current filter text as a new item

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:8
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
thomas-romualdcommented, Mar 13, 2020

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

1reaction
all4manucommented, Oct 10, 2019

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Bug Report] Blur event for v-combobox adds the current filter text ...
Click in Location field · Type B · Click the B3 item · Click everywhere expect the Location field.
Read more >
Element: blur event - Web APIs | MDN
The blur event fires when an element has lost focus. The event does not bubble, but the related focusout event that follows does...
Read more >
ASP.NET Core Blazor event handling
Learn about Blazor's event handling features, including event argument types, event callbacks, and managing default browser events.
Read more >
ComboBox - React Spectrum Libraries
ComboBox. ComboBoxes combine a text entry with a picker menu, allowing users to filter longer lists to only the selections matching a query....
Read more >
react-hook-form controlled input onblur doesn't work
In your code, the form mode is onBlur . it means the validation is triggered on blur event (unfocus the input). When you...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found