vuetify
vuetify copied to clipboard
[Bug Report][3.5.1] multiple selection combobox fully loses focus after item selection
Environment
Vuetify Version: 3.5.1 Last working version: 2.7.1 Vue Version: 3.4.13 Browsers: Edge 121.0.0.0 OS: Windows 10
Steps to reproduce
- put the cursor inside the combobox and start to type to search
- use the arrow keys (up and down arrow key) to navigate available items and then select an item among the ones available
- expected (user would keep or regain focus on the control and keep typing) vs actual behaviour (user loses focus)
Expected Behavior
user gets refocused on or keeps focus on the multiple selection combobox so he can continue type in it and select more items
Actual Behavior
user loses focus from the Combobox he was using rendering the experience likely frustrating as the user will have to go back and select the same combobox again in order to keep selecting more items
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
at https://v2.vuetifyjs.com/en/components/combobox/ you may see how it actually kept focus when multiple was enabled meanwhile the same is not true on v3, anyway here a catbox.moe URL to a video file that shows what doesn't work well https://files.catbox.moe/pew7qs.mp4 btw, I am on windows 11, but the form doesn't have the option and I don't know if I should edit it manually. though chromium is chromium.
This one works fine if using click for whatever reason. I think the thought process behind this is if you use the keyboard to move to the list, you would intend it to stay there. @yuwu9145 What are your thoughts?
This one works fine if using click for whatever reason. I think the thought process behind this is if you use the keyboard to move to the list, you would intend it to stay there. @yuwu9145 What are your thoughts?
So yeah, pretty much, the issue is that when you do use the keyboard the focus moves away from the text field of the control after selection, but it would be better to at least have then focus again (automatically) on the textbox of the control and not have it disappear into nothingness, so the user would be able to keep typing to search the next item, then select again using the arrows and quickly get the job done
v2 behaviour feels more intuitive and natural to me. Once select/deselect an option, there is no need to keep item focused. Returning focus back to input has more benefit in terms of allowing further search.
Focus is managed by the list now instead of faking it so it might be a bit trickier to ensure keyboard control still resumes from the most recent item.