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.

Sign up for GitHub

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

Jump to bottom

Tabbed Content - clicking on tab button does not focus it in Safari #4

Closed
dotherightthing opened this issue Jan 3, 2021 · 2 comments
Closed

Tabbed Content - clicking on tab button does not focus it in Safari #4

dotherightthing opened this issue Jan 3, 2021 · 2 comments
Assignees
@dotherightthing
Labels
bug Something isn't working
Milestone
Xmas 2020

Comments

@dotherightthing
Copy link
Owner

dotherightthing commented Jan 3, 2021 •
edited
Loading

This prevents click-to-select, as data-kh-proxy="selectFocussed" relies on the element having focus in the first place.

This is a known issue which only affects <button> elements.: https://bugs.webkit.org/show_bug.cgi?id=22261
@dotherightthing dotherightthing added the bug Something isn't working label Jan 3, 2021
@dotherightthing dotherightthing self-assigned this Jan 3, 2021
@dotherightthing
Copy link
Owner Author

Changing <button> to <div> fixes the issue. So much for using native elements to get interactivity for free.

@dotherightthing
Copy link
Owner Author

The official example uses buttons and does work in Safari: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-2/tabs.html

@dotherightthing dotherightthing added this to the Xmas 2020 milestone Jan 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dotherightthing dotherightthing

Labels
bug Something isn't working
Projects
None yet
Milestone
Xmas 2020
Development

No branches or pull requests
1 participant
@dotherightthing