...
Search with auto-suggest is a type of Search that provides the user with relevant suggestions before the search is submitted.
...
Basic Flow
After entering one character, the system will check for suggestions (Where there is a technical constraint, suggestions may be shown after entering 3 characters).
If at least one suggestion is found, the auto-suggest box will open.
The list will refresh after each additional keystroke.
The list will show up to 8 items with no scroll bar.
Items will be sorted by the frequency, from high to low. Other sort options can be used as needed (e.g. alphabetical, relevancy etc.).
No item will be selected by default.
...
Recent and Popular Searches (optional)
...
When an empty search field is in focus, a list of recent or popular/trending suggestions may be displayed, enabling the user to perform a quick search.
...
for small or simple databases → use Live Search instead.
Accessibility compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Design
See Search.
Code
See Search.