Skip to content

Commit 9d19291

Browse files
crisbetojelbourn
authored andcommitted
fix(button): inconsistent overflow value between browsers (#9933)
By default most browsers will set the button overflow to `visible`, however it's `hidden` on IE. This is particularly visible on buttons with badges. These changes add a default value so the buttons are consistent between browsers.
1 parent 9d784a0 commit 9d19291

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/lib/button/_button-base.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,10 @@ $mat-mini-fab-padding: 8px !default;
5353
padding: $mat-button-padding;
5454
border-radius: $mat-button-border-radius;
5555

56+
// Explicitly set the default overflow to `visible`. It is already set
57+
// on most browsers except on IE11 where it defaults to `hidden`.
58+
overflow: visible;
59+
5660
&[disabled] {
5761
cursor: default;
5862
}

0 commit comments

Comments
 (0)