Search autocomplete dropdown/search suggestions

The autocomplete search component provides simple integration with Funnelback autocomplete / suggestion service for search keyword input on a website.

As a user types the first 3 characters of the query string into the search box the search autocomplete displays. Search autocomplete lists suggested terms as supplied by the configured Funnelback collection in a fly-out menu extending from the search box/field. The user can navigate the options with their mouse cursor or by using the down or up arrows on their keyboard. The user can select one of the options on mouse click or keypress "ENTER", the search input field is then populated with the search term and a submit action is triggered, passing the suggestion as the search term to the results page. The user can close the auto-complete panel bar by pressing "ESC" or clicking outside of the search field.

Screenshot preview: