SkillCodexOpen favorites and history
Behavior comparison
Choose Combobox for: A value control needs an associated popup for options or richer assistance. Choose Select for: Choosing one or more known values from a predefined list.
Decision
Is the person choosing a native value, filtering by typing, or navigating a list?
Choose Combobox when Combobox is the value control that coordinates an associated popup and may be editable or select-only; Select is a native predefined-option form control, while Listbox is the composite option widget that can stand alone or serve as a popup. Choose Select when Select is a native form control whose values come only from predefined options and whose mode can be single or multiple; Combobox controls an associated popup and may be editable or select-only, while Listbox is a composite option widget that can be standalone or used in a popup.
| Dimension | ComboboxCombobox | SelectSelect |
|---|---|---|
| Trigger | Focus, typing, or an optional disclosure button opens matching suggestions. | Pressing the labeled native control opens the platform picker. |
| Modality | Non-modal editable input with an associated suggestion popup. | A non-modal form choice whose popup behavior is owned by the browser or operating system. |
| Placement | The suggestion list is anchored to the input and kept visible within the viewport. | An inline form control; the opened option surface is positioned by the platform. |
| Interactivity | Combines text editing with keyboard navigation and selection of a suggested value. | Selects one value from options; it does not contain arbitrary actions or searchable content. |
| Focus | In this editable listbox-popup specimen, DOM focus remains in the input while the active-option relationship communicates list navigation; other popup roles follow their own focus model. | The native control delegates focus and option navigation to the platform for its declared single or multiple presentation. |
| Dismissal | Escape closes an open popup without committing a new value; whether text is preserved and which other actions close it are defined by the combobox subtype. | For a collapsed single-select, the platform picker closes using its standard commit or cancellation behavior; a list presentation does not imply a dismissible popup. |
| Accessible role | combobox + popup (listbox | grid | tree | dialog) | select |
| Use case | A value control needs an associated popup for options or richer assistance | Choosing one or more known values from a predefined list |
| Mobile behavior | Keep suggestions visible above the software keyboard; use a larger search surface for very large datasets. | Prefer the native mobile picker unless the product genuinely needs richer filtering behavior. |
