Combobox System

[NicholasBoll]

A common question we get asked is if we could have more complex combobox components (SelectOne, SelectMultiple, Autocomplete, etc). As an extension of the Collection System, a Combobox System would enable development of higher-level components around the notion of a "combobox"

Definition

A Combobox is a UI control that hooks into a form and helps the user input data - either from a constrained list or a suggested list generated either statically or by system data. A combobox covers controls like:

• Select
• MultiSelect
• Autocomplete

Requirements

• Accessible
• Integrates with forms
• Flexible

Ideas

The Collection system already has much of the functionality needed to create comboboxes, but lacks some glue functionality to hook into forms. The collection system also needs hierarchy.

Concerns/Questions

Multiselect will need some research. There doesn't seem to be an official w3c or ARIA specification for multiselect: w3c/aria-practices#1296

React-select uses a custom aria-live for everything and must be localized by the consumers of the component: https://react-select.com/advanced#sortable-multiselect

Kendo UI uses a hidden with an embedded : https://demos.telerik.com/kendo-ui/multiselect/index