Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Select not selected by tabbing in Safari #31

Open
Mactory opened this issue Feb 6, 2015 · 4 comments
Open

Select not selected by tabbing in Safari #31

Mactory opened this issue Feb 6, 2015 · 4 comments

Comments

@Mactory
Copy link

Mactory commented Feb 6, 2015

When I tab through the form fields in Safari, the selects are simply ignored.

Safari 8.0.3
Mac OS X 10.10.2

@geekjuice
Copy link
Contributor

Do you mind creating a jsFiddle reproducing the issue? It seems like I can select it, but it may seem like it's not selected due to the lack of outline when active.

@Mactory
Copy link
Author

Mactory commented Jun 10, 2015

Ok, here's my first try on jsfiddle:

https://jsfiddle.net/m2ftdrg3/6/
When I select the first text field and hit tab, the selection outline jumps straight to the second text field and skips the select box.
When I select something with the mouse, the selection outline stays at the select box and I can then use the arrow keys and return to select something as expected. It seems, that the select function works as expected but the field is ignored when tabbing through the form's fields.
This is only the case in Safari. I do not have problems with either chrome or firefox.

I'm running Safari 8.0.6 on Max OS X 10.10.3

@geekjuice
Copy link
Contributor

Awesome thanks!

So this may be one solution, but Safari has an option in Preferences > Advanced > Universal Access > Press Tab... that when checked, seems to fix the problem. However, it also seems like the issue could be because the actual <select> element is hidden via display: none and this PR could possible fix the issue in Safari OSX as well.

I'm going to look into that PR and see if resolves the issue, but in the meantime, the Safari option may be short term solution.

@Mactory
Copy link
Author

Mactory commented Jun 11, 2015

You're right, the option you mentioned does fix the problem for now. Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants