vue-multiselect: Focus on multiselect should not open the dropdown
Current behaviour:
When multiselect receives focus, the dropdown shows.
Issue:
For people who use keyboard for navigation, they need to keep hitting Tab key to cycle through element. While cycling through the elements, if a multiselect receives focus, it immediately shows the dropdown - but the user isn’t there to use it, just a transient focus.
Proposal:
The dropdown should open only on user action after focus, just like the native <select> element in browser. At least have a prop to do so.
About this issue
- Original URL
- State: closed
- Created 6 years ago
- Reactions: 7
- Comments: 19 (8 by maintainers)
@shentao Thanks. Do you have a fiddle or something running v3 that I could look at first? That would enable me to do some quicker basic/preliminary analysis of a11y issues before I take the time to plug it it into an app, populate data, etc. Thanks. I’ve done a lot of work on a custom autocomplete component ) initially based on others’ code, and I can say that some of the accessibility stuff can be quite challenging.
It’s this branch: https://github.com/shentao/vue-multiselect/tree/v3 There were some small issues with group-select (groups support) that still need to be solved as well as a11y. After that, I think we will be able to release it as
beta. I would have done that already but sadly I couldn’t find noone that would help me validate all the ideas in version 3. And so the rewrite ended up in a limbo.Will need to work on accessibility improvements for v3 and then it will hopefully be ready for realease…