vaadin
Expand overflow chip in Multi-Select Combo Box
Describe your motivation
Assume that my dropdown contains 500 objects and that I have selected 10 of them at random. If I want to remove one that is in the overflow chip currently the two options are to:
- navigate the dropdown (with 500 entries) and find the ones I have selected and unselect, though searchable it's not optimal for lists of similar entries
- remove all entries with backspace until I remove the one I want and then re-add the ones I didn't want to remove
This is something that I would consider inaccessible. With no way of removing a selected object in an easy way it becomes fairly hard to work with this.
Describe the solution you'd like
I figured that if I use the left arrow key that it would "expand" the overflow chip and allow me to navigate through them, adding a second overflow chip on the right.
[...] = overflow chip
[...] [Object 5] [Object 6] [...]
If I were to use the arrow keys and navigate left I would expect it to shift, so that Object 6 would be added to the right overflow chip, and Object 4 would be shown in addition to Object 5.
Describe alternatives you've considered
No response
Additional context
No response
Looking through things a bit more I did find https://github.com/vaadin/web-components/issues/4185, so feel free to close this if you consider it a duplicate.
SAP Multi Combo Box solves this by expanding (and overflowing) the chip stack when field is in focus. This allows user to focus any individual chip and have more refined control for removing selected item.
