Class SingleTypeahead

All Implemented Interfaces:
Attachable, ElementAttributeMethods<HTMLElement, SingleTypeahead>, ElementClassListMethods<HTMLElement, SingleTypeahead>, ElementConsumerMethods<HTMLElement, SingleTypeahead>, ElementContainerMethods<HTMLElement, SingleTypeahead>, ElementEventMethods<HTMLElement, SingleTypeahead>, ElementIdMethods<HTMLElement, SingleTypeahead>, ElementQueryMethods<HTMLElement>, HTMLElementAttributeMethods<HTMLElement, SingleTypeahead>, HTMLElementDataMethods<HTMLElement, SingleTypeahead>, HTMLElementStyleMethods<HTMLElement, SingleTypeahead>, HTMLElementVisibilityMethods<HTMLElement, SingleTypeahead>, IsElement<HTMLElement>, TypedBuilder<HTMLElement, SingleTypeahead>, Component, Expandable<HTMLElement, SingleTypeahead>, Typeahead<SingleTypeahead>, Modifiers.Disabled<HTMLElement, SingleTypeahead>

public class SingleTypeahead extends ComponentDelegate<HTMLElement, SingleTypeahead> implements Typeahead<SingleTypeahead>
A typeahead is a select variant that replaces the typical button toggle for opening the select menu with a text input and button toggle combo. As a user enters characters into the text input, the menu options will be filtered to match.

This implementation uses the Popover API and CSS anchor positioning instead of Popper.js. The typeahead uses the browser's top-layer rendering for correct stacking, eliminating z-index issues. CSS position-try-fallbacks handles menu flipping when there is not enough space.

See Also: