SkillCodexOpen favorites and history
Behavior comparison
Choose Combobox for: A value control needs an associated popup for options or richer assistance. Choose Listbox for: One or more values are chosen from a named composite option set.
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 Listbox when Listbox is the composite option widget and can be standalone or a popup with single or multiple selection; Select is a native form control, while Combobox is the value control that owns or controls an associated popup.
| Dimension | ComboboxCombobox | ListboxListbox |
|---|---|---|
| Trigger | Focus, typing, or an optional disclosure button opens matching suggestions. | Focus or pointer entry reaches an option list that is already visible. |
| Modality | Non-modal editable input with an associated suggestion popup. | Non-modal selection widget embedded in the current form or task. |
| Placement | The suggestion list is anchored to the input and kept visible within the viewport. | An inline, visible list rather than a closed picker popup. |
| Interactivity | Combines text editing with keyboard navigation and selection of a suggested value. | Supports single or multiple option selection with managed keyboard movement; options are not actions. |
| 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 sized select is one tab stop. In this single-select specimen, selection follows keyboard focus, so active and selected state move together; custom listboxes must declare their own model. |
| 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. | In this standalone specimen, leaving with Tab preserves the selected value; when a listbox is a popup, dismissal is coordinated by its owning control. |
| Accessible role | combobox + popup (listbox | grid | tree | dialog) | listbox > option |
| Use case | A value control needs an associated popup for options or richer assistance | One or more values are chosen from a named composite option set |
| Mobile behavior | Keep suggestions visible above the software keyboard; use a larger search surface for very large datasets. | Use large option rows and controlled scrolling; prefer a native select for a short simple list. |
