Hide autocomplete suggestions when tabbed out of input

[hsdhott]

Hello,

I am using tabs to navigate through multiple typeaheads. When I tab over input, the focus goes to autocomplete suggestions. Is there a way that tabbing would takes the focus to next input box instead of suggestions.

https://jsfiddle.net/hsdhott/r6dybacw/

[running-coder]

hey @hsdhott the TAB was discussed a numerous times but I think your solution might be optimal. I'll implement an option to have either.

[running-coder]

Should be good now, tab now also closes the Typeahead if it's focusing it out.

Let me know if it works as expected, thanks for the feedback!

[hsdhott]

Hi,

Thank you for the quick response. It is working great.

One thing I wanted to suggest was that in current version it takes 2 tabs to get focus on next item as you can see in provided jsfiddle.

https://jsfiddle.net/hsdhott/r6dybacw/

When the focus in first input (results open of that input box). It take 2 tabs to get focus onto next input. Then 2 more to get the focus on the following anchor tag. Would it be possible that one tab would get the focus on next item in line.

Thank you

[running-coder]

Hey @hsdhott is it a very weird behavior... it takes 2 in chrome but 1 in firefox, I'll investigate if it's possible to have 1 crossbrowser. Meanwhile you can always the HTML5 tabindex.

[running-coder]

This attempt should be the good one!

[hsdhott]

Hey Tom,

I just checked. It's looking great.

Thanks