open-ui icon indicating copy to clipboard operation
open-ui copied to clipboard

[selectmenu] alternative UX to unselect/uncheck selected values

Open NeilWix opened this issue 2 years ago • 3 comments

I think that the mechanism of a slot="button" with the selected values, poses some discoverability and operability challenges for keyboard users. I'd like to suggest an alternative: Instead of popping out "bullets" of selected options, sort the selected items at the top of the options menu and 'em as "selected items". A complementary mechanism should follow to inform users how many items are currently selected when the options menu is collapsed.

image

NeilWix avatar Feb 16 '23 14:02 NeilWix

This looks like a multi-select use case, which we are going to do in select-v2

josepharhar avatar Mar 24 '23 22:03 josepharhar

There hasn't been any discussion on this issue for a while, so we're marking it as stale. If you choose to kick off the discussion again, we'll remove the 'stale' label.

github-actions[bot] avatar Sep 21 '23 00:09 github-actions[bot]

Moving the selected options to the top of the listbox seems like something that should be possible with script, but I don't think is a great default considering that this is not what happens on android and ios's select multiple popups do and might not be expected. I also don't think it would be great for the browser to do significant dom changes to reorder the options this way.

josepharhar avatar Mar 21 '24 18:03 josepharhar

There hasn't been any discussion on this issue for a while, so we're marking it as stale. If you choose to kick off the discussion again, we'll remove the 'stale' label.

github-actions[bot] avatar Sep 18 '24 00:09 github-actions[bot]