Behavior comparison
Combobox is the value control that owns an associated popup and may accept typing; Listbox is the option widget itself, standalone or inside that popup.
Decision
Is the person choosing a native value, filtering by typing, or navigating a list?
| 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. |
Audience measurement
With your consent, Google Analytics and aggregate first-party counters measure site usage to help us improve it. These counters contain no search text, candidate, session identifier, or event identifier. You can change your choice anytime via “Cookies” in the footer.