Select and Combobox Refresh

[rajsite]

📌 User Story

The following are topics that should be addressed (included or closed):

Both:

• Placeholder option (when a user has not selected a value): Placeholder for nimble-select when nothing is selected #350
• Placeholder for empty options list (when filter on combobox or select results in all options being removed): Placeholder for options list in combobox when nothing matches filter #1309
• Labels: Resolve label accessibility errors #94 Fix accessibility issues in Angular Example app #280
• Limit the height of the dropdown: Limit height of dropdown listbox to 10 1/2 elements  #1870
• Clear selected value: Ability to clear the selection from nimble-select #1951
• Dynamically fetched options (show a spinner while fetching options):
  • Add a way to show a progress indicator while fetching items for select #1311
  • nimble-query-builder Component #506 (comment)
  • Filterable Select should support dynamic options #1866
• Groupable options: Sectioned Select #791
• "Load more" / "Show all" / Action button / Checkbox (use case: dynamic loading of additional options)
• More filter options
  • Case sensitive
• Slottable content in options (i.e. icons): Allow ListOption to contain complex content #1135 NimbleListOption content in start slot is top-aligned #1254
• Slottable content in selector area: Show prefix information in select / combobox #1310
• Editable options (add new entries): Add dynamic option in dropdown of combobox #507
• Context menu key interactions: Menu key in combobox does not open the browser native context menu #798
• Virtualization of options: [Blazor] Nimble dropdowns have noticeable update lag when scrolling. #710
• Visual when used in table: Input table columns (select, text field, etc) #1190

Select:

• Filterable: Filterable NimbleSelect. #1273
• Multiselect: Create Nimble Filterable select with Multi-select #341 will implement as a picker component

Combobox:

• Autocomplete mode that allows searching any part of the string: Combobox filter option to match input to any part of dropdown options #535
• Control Value Accessor behavior: NimbleCombobox in Angular invalid text access #682 Combobox ControlValueAccessor should always reflect the value from the input #1168
• Dynamic options + good filtering modes allow us to make the open api private again, discussion for why it was made public: Nimble combobox list option is not opening the first time you type #1324 (comment)
• Stop altering hidden state of options: Combobox should stop altering hidden state of options #1902

[jattasNI]

First priorities in cycle 3:

1. Sectioned Select #791
2. Filterable NimbleSelect. #1273

[jattasNI]

Interaction design requests

1. Fill out IxD spec for select / combobox with particular focus on usage guidance (and considering the roadmap laid out in the linked issues above)

[SPathani-NI]

Currently due to lack of label on select component it is looking out of place when used alongside other components.
Also, it is not responding correctly to "width" CSS property current workaround is using "min-width".

[atmgrifter00]

@leslieab, I've added a new bullet item to the description for tracking a decision on whether we should offer a means for a client to configure the height of the dropdown. We've now seen a couple of requests for this, but aren't currently tracking that particular aspect in a dedicated issue.

[rajsite]

Unofficial motto for this issue: