StrikekitStrikekit

type

Type partial text into a field then pick from suggestions

Typeahead / autocomplete: type partial text, wait for suggestions, then pick an option. Distinct from fill (replaces entire field) and pick from (opens a closed combobox).

Syntax

When I type "<partial>" in "<field>" and pick "<option>"

Qualifiers

QualifierRoleExample
inField labeltype "Can" in "Country" and pick "Canada"
and pickOption to select from suggestionssame

Requirements

ItemContract
Element / control shapeField: general resolve (input/textarea/clickable/checkbox chain). Suggestions panel: same as combobox — visible role=listbox or role=menu; option role=option or li inside panel
How the label bindsin = field label; and pick = option payload (literal)
Qualifiers that change resolveTypes into field, waits for panel owned by that field, then picks
PlatformWeb
Wrong shape → use insteadClosed combobox without typing → pick from / open. Native select → select

When it fails

  • Field not found, panel never opens as listbox/menu, or option not in panel.

See also UI contracts.

Examples

When I type "Can" in "Country" and pick "Canada"

On this page