Home/ Questions/Q 8820449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T05:36:39+00:00

When using the typeahead functionality from Twitter Bootstrap ( example ) the first suggestion

  • 0

When using the typeahead functionality from Twitter Bootstrap (example) the first suggestion gets selected when I press TAB and when I press ENTER. However, when a user does NOT want to use one of the suggestions there is only one way to achieve this and that is grabbing the mouse and clicking on the submit button.

I want a way of doing this with only the keyboard, TAB or ARROW-UP both seem intuitive, but in both cases I can’t get the default behaviour of Bootstrap to stop. I tried both preventDefault() and stopPropagation().

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The way I solved this was by initializing the list with suggestions with the current query. So when pressing enter or tab the query is selected. When pressing arrow-down or arrow-up + enter a real suggestion is selected.

    This is similar to what Chrome does when typing something in the url bar.

    • 0