Typeahead

Mechanism to provide suggestions while user is typing in an input field.

Typeahead with tags

This is an example of how a typeahead-like input should look like. The expected behaviors are described below.

The pattern is built with an input with tags, and a popover with a menu.

The user can enter one or multiple tags depending configuration.
When typing the list updates with matching values.
The user can use up and down keys + ENTER to select a menu item (with the class is-active).
When the user click on the x icon of the tag it deletes the tag.
When the user select a tag and user backspace of delete key, it deletes the tag.
When the user is using backspace keyand the text input is empty (displaying placeholder) it should delete the last tag.