Suppress focus outline for buttons when it shouldn't be visible in Ch…

…romium Follow-up to #32631
twbs · Jan 6, 2021 · ac85fdb · ac85fdb
1 parent 88d35b7
commit ac85fdb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -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,