[Bug Report] Blur event for v-combobox adds the current filter text as a new item
See original GitHub issueVersions and Environment
Vuetify: 1.5.4 Vue: 2.5.2 Browsers: Chrome 72.0.3626.119 OS: Windows 7
Steps to reproduce
- Click in Location field
- Type
B
- 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:
- Created 5 years ago
- Reactions:8
- Comments:10 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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).
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).
d
into the fieldDesign
=>
Design
andd
will be added to the selected items.