Skip to content

Commit

Permalink
Suppress focus outline for buttons when it shouldn't be visible in Ch…
Browse files Browse the repository at this point in the history
…romium

Follow-up to #32631
  • Loading branch information
patrickhlauke committed Jan 6, 2021
1 parent 88d35b7 commit ac85fdb
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions scss/_reboot.scss
Expand Up @@ -411,6 +411,15 @@ button {
border-radius: 0;
}

// Explicitly remove focus outline in Chromium when it shouldn't be
// visible (e.g. as result of mouse click or touch tap). It already
// should be doing this automatically, but seems to currently be
// confused and applies its very visible two-tone outline anyway.

button:focus:not(:focus-visible) {
outline: 0;
}

// 1. Remove the margin in Firefox and Safari

input,
Expand Down

0 comments on commit ac85fdb

Please sign in to comment.