fix(button-toggle): remove extra focus indication added by firefox (#13367)

crisbeto · vivian-hu-zz · commit 3583913583cb · 2018-10-04T10:02:59.000-07:00
Resets the extra focus indication that Firefox adds on top of our custom indication.
diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss
@@ -151,4 +151,9 @@ $mat-button-toggle-legacy-border-radius: 2px !default;
   .mat-button-toggle-disabled & {
     cursor: default;
   }
+
+  // Remove the extra focus outline that is added by Firefox on native buttons.
+  &::-moz-focus-inner {
+    border: 0;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -151,4 +151,9 @@ $mat-button-toggle-legacy-border-radius: 2px !default;`
`151`	`151`	`.mat-button-toggle-disabled & {`
`152`	`152`	`cursor: default;`
`153`	`153`	`}`
	`154`	`+`
	`155`	`+ // Remove the extra focus outline that is added by Firefox on native buttons.`
	`156`	`+ &::-moz-focus-inner {`
	`157`	`+ border: 0;`
	`158`	`+ }`
`154`	`159`	`}`