makeup-combobox

Combobox is a headless UI widget and does not come bundled with any CSS.

This example is receiving its base markup and styles from eBay Skin. A subset of style properties are being customized/themed via Skin's CSS Custom Properties.

Combobox uses makeup-listbox.


Manual Selection

With manual selection, ENTER key is required to manually update the textbox with the value of the current active descendant (controlled via arrow keys). This means that an additional ENTER key press is required to submit any associated form.

Automatic Selection

With automatic selection, ENTER key is not required, the textbox value is automatically updated to match the current active descendant option.

Manual Selection with List Autocomplete

With list autocomplete, the list of suggestions is filtered based on the current textbox value.

Automatic Selection with List Autocomplete

With list autocomplete, the list of suggestions is filtered based on the current textbox value.