From 9d19291feb4b4fbd3ed0d0be55624e0a5d235888 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Sun, 18 Feb 2018 02:11:38 +0100 Subject: [PATCH] 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. --- src/lib/button/_button-base.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/button/_button-base.scss b/src/lib/button/_button-base.scss index ed4d2d6f40c..e9293dbf81f 100644 --- a/src/lib/button/_button-base.scss +++ b/src/lib/button/_button-base.scss @@ -53,6 +53,10 @@ $mat-mini-fab-padding: 8px !default; padding: $mat-button-padding; border-radius: $mat-button-border-radius; + // Explicitly set the default overflow to `visible`. It is already set + // on most browsers except on IE11 where it defaults to `hidden`. + overflow: visible; + &[disabled] { cursor: default; }