Remove forced default focus outline (#20275)

As this causes non-standard dotted outline on checkboxes/radio buttons
in OS X Firefox

Ports #19935 to v4
Refs #19933

[skip sauce]

diff --git a/scss/mixins/_tab-focus.scss b/scss/mixins/_tab-focus.scss
index 7df0ae7ca114611e90c2f1c6d2bfcf55bc6792ec..f16ed6428aac35b4bc86d9c18501f651632d2adf 100644 (file)
--- a/scss/mixins/_tab-focus.scss
+++ b/scss/mixins/_tab-focus.scss
@@ -1,9 +1,9 @@
 // WebKit-style focus
 
 @mixin tab-focus() {
-  // Default
-  outline: thin dotted;
-  // WebKit
+  // WebKit-specific. Other browsers will keep their default outline style.
+  // (Initially tried to also force default via `outline: initial`,
+  // but that seems to erroneously remove the outline in Firefox altogether.)
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }