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

Remove browser outline styling for focus-within on nav-tabs #4997

Merged
merged 3 commits into from
Sep 22, 2023

Conversation

jorg-vr
Copy link
Contributor

@jorg-vr jorg-vr commented Sep 22, 2023

This pull request removes the outline styling applied by some browsers on tab links
focus-within is specifically applied by browsers to improve ux (https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible). But it does not seem relevant in our case as we have custom styling to make UX clear for tabs.

Closes #4569

@jorg-vr jorg-vr requested a review from a team as a code owner September 22, 2023 08:37
@jorg-vr jorg-vr requested review from bmesuere and chvp and removed request for a team September 22, 2023 08:37
Copy link
Member

@bmesuere bmesuere left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This might be useful in other cases where we don't expect it. Can't we just disable it in our tab bar?

@jorg-vr
Copy link
Contributor Author

jorg-vr commented Sep 22, 2023

I'll make it more specific

@jorg-vr jorg-vr changed the title Remove browser outline styling for focus-within Remove browser outline styling for focus-within on nav-tabs Sep 22, 2023
@jorg-vr jorg-vr requested a review from bmesuere September 22, 2023 08:58
@jorg-vr jorg-vr merged commit a3e8acf into main Sep 22, 2023
12 of 13 checks passed
@jorg-vr jorg-vr deleted the fix/tab-outline branch September 22, 2023 11:20
@jorg-vr jorg-vr temporarily deployed to naos September 22, 2023 11:20 — with GitHub Actions Inactive
@jorg-vr jorg-vr temporarily deployed to production September 22, 2023 11:23 — with GitHub Actions Inactive
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

Successfully merging this pull request may close these issues.

Blue outline on focussed tab
3 participants