Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

md-select: UI when multiple is true #3610

Closed
phynweb opened this issue Jul 6, 2015 · 2 comments
Closed

md-select: UI when multiple is true #3610

phynweb opened this issue Jul 6, 2015 · 2 comments

Comments

@phynweb
Copy link

phynweb commented Jul 6, 2015

A few ideas for enhancing the md-select directive when multiple is true. All use-cases derived from the Option Groups select demo. Codepen with multiple set to true on toppings: http://codepen.io/anon/pen/rVdzzb

  1. While the current selection is quite clear for single selections since the dropdown closes on select and populates the select text with the selection, this is not the case for multiple selections. The color difference between selected and unselected items is a bit too subtle if we contemplate a large list (e.g. 100+ items). A check icon or some other visual cue would be helpful while the user scrolls through the list.
  2. The current functionality adds the name of all selected items to the select text. This works well if we're selecting a few items. For a large list, it might be more useful have an multiple-placeholder option that says "100 Items selected", or simply retains the placeholder "Select items..." instead of listing every item which would create a very wide select area that ends up getting cut off i.e. losing the usefulness of listing the items anyway
@phynweb
Copy link
Author

phynweb commented Jul 7, 2015

Regarding item 2 above, i see it was discussed earlier here: #2684 (comment) and i agree with that logic for single md-select mode. I do think that enabling the multiple option presents a different problem of potentially confusing the user if we only display the first few options out of a large number, giving no cues as more items are selected and added to the end of option.textContent being used as the display value.

@ThomasBurleson
Copy link
Contributor

Please post these comments in #3244

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants