Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

Setting showHint on uibTypeAhead makes it unable to tab to it #5478

Closed
thomaux opened this issue Feb 15, 2016 · 4 comments
Closed

Setting showHint on uibTypeAhead makes it unable to tab to it #5478

thomaux opened this issue Feb 15, 2016 · 4 comments
Labels
component: typeahead type: accessibility

Comments

@thomaux
Copy link

thomaux commented Feb 15, 2016

Setting the typeahead-show-hint option on an input with uib-typeahead makes it unable to use the TAB key to activate the typeahead input.

Plunkr
@Tom-V
Copy link

Tom-V commented Feb 16, 2016

true, the tabindexof the hintInputElementshould be set to -1.
At the moment you need to tab twice to get to the right element.

@wesleycho
Copy link
Contributor

Feel free to open a PR for this - should be an easy fix.

deeg added a commit to deeg/bootstrap that referenced this issue Feb 16, 2016
@deeg
fix(typeahead): Fix tab index for hint input
024576a 
Closes angular-ui#5478
@deeg deeg mentioned this issue Feb 16, 2016
Closed
@deeg deeg closed this as completed in 4178500 Feb 16, 2016
@deeg deeg removed the PRs plz! label Feb 16, 2016
@thomaux
Copy link
Author

thomaux commented Feb 17, 2016

Thanks @deeg!

@franklindner
Copy link

This still seems to be broken. If I add the show-hint attribute it will always focus the outer element first and on the next tab select the inner input. Everything works as expected if I remove the attribute.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
component: typeahead type: accessibility
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(typeahead): Fix tab index for hint input deeg/bootstrap
5 participants
@Tom-V @thomaux @wesleycho @deeg @franklindner