Hello, we are looking into adding a select all feature in MultiSelectComboBox. The basic idea is that if you have a combo box where users often want to select all items, they wouldn’t have to click on each item in the dropdown individually, but instead the component would have a built-in action that selects everything.
What we would like to get feedback on is what kind of UX you would expect from such a feature. We have prototyped two alternatives at the moment that are shown below.
Variant A
- An icon button next to the input field
- Takes the place of the clear button when the clear button is not visible (=nothing is selected)
- This avoids reserving space next to the input for yet another button. The downside is that a select all from a partial selection requires clearing first.
- Using a button in the input field allows triggering the action without having to open the dropdown, which can be beneficial for power users.
- With the keyboard, the button can be accessed by Tab from the input field
Variant B
- A “Select all” option is inserted as the first option in the dropdown
- This is a more traditional design
- Requires opening the dropdown first
- With the keyboard, the option can be accessed with the arrow keys, same as for other items
Do you have preference for either option, or do you think it should work differently? Please leave your feedback here, or join the discussion in the related GitHub issue: "Select all" for multiselect combobox [1 day research] · Issue #4590 · vaadin/web-components · GitHub.
Thanks!
