Epic: Combobox Redesign

[brittneytewks]

Description

Group combobox-related enhancement issues for consideration in a larger redesign. Accompanying enhancement issues should be considered during the redesign.

Issues

• - Should be mitigated first with 4738 - Enhancement: Add clear affordance to combobox #3074 ready-for-dev
• - Should be mitigated first with 3074 - Combobox blank after selecting the same option twice #4738 ready-for-dev
• - Combobox Item Group - add space after grouped items #6412 ready-for-dev
• - [Combobox] add min-items property and require a minimum number of chips #5226 ready-for-dev
• - [Combobox] Add an option to limit the amount of displayed chips #4326 ready-for-dev
• - Enhancement: Subtitle/description for combobox-item #3695 ready-for-dev
• - Enhancement: Select all for combobox #2311 ready-for-dev
• - Single-select Combobox is 2px taller than other form elements #6421 ready-for-dev
• - [Combobox] clear user entered text on blur #2162 design-complete

[geospatialem]

Assigned to May for design, and development is tentatively scheduled for September.

[macandcheese]

Might be worth considering this as part of Combobox effort: #4334

[github-actions]

cc @geospatialem, @brittneytewks

[JonnyDawe]

I wanted to add some thoughts to this combobox epic. I would like to see better support for customisation of client/server side search capabilities of the Calcite Combobox akin to what is possible in other UI libraries such as ReachUI.

client-side search

server-side search

This functionality is somewhat currently replicable with the current Calcite Combobox as shown in this US City Search Demo.

Unfortunately the implementation is hindered by the following:

• [Combobox] Make filter text value accessible in the code #7212
• [Combobox] Support editing custom single-select values, rather than re-entering new values #7174
• The added logic conflicts with internal filtering - see console warnings "No data was passed to the filter function.
  The data argument should be an array of objects"
• Poor options for adding non-selectable items - e.g. "No Results Found".
• Poor Options for adding custom actions into the combox box menu. E.g. Use my current location button.

Ideally it would be great to be able to achieve functionality similar to the Esri Search Widget in the JSAPI.

[JonnyDawe]

In addition to above I wanted to add an example of a custom typeahead stencil widget that we have developed which ideally we would want to try and eventually switch out to be a calcite component: https://i.imgur.com/IiSfUv3.mp4

[ashetland]

@JonnyDawe @geospatialem @macandcheese Would it be helpful to have the above logged as a new issue(s)?