Skip to content

Commit 2c5341d

Browse files
crisbetoVivian Hu
authored and
Vivian Hu
committedJan 18, 2019
fix(sort): extra Firefox focus outline not being reset (#14733)
Fixes the extra outline that Firefox adds to focusable buttons not being reset for the sort header buttons.
1 parent b120f8c commit 2c5341d

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed
 

‎src/lib/sort/sort-header.scss

+7
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,13 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
3131
outline: 0;
3232
font: inherit;
3333
color: currentColor;
34+
35+
// The `outline: 0` from above works on all browsers, however Firefox also
36+
// adds a special `focus-inner` which we have to disable explicitly. See:
37+
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Firefox
38+
&::-moz-focus-inner {
39+
border: 0;
40+
}
3441
}
3542

3643
.mat-sort-header-arrow {

0 commit comments

Comments
 (0)
Please sign in to comment.