From f2887ad0372437de7abb0b569e20a563b793c066 Mon Sep 17 00:00:00 2001 From: Carlo Nomes Date: Wed, 2 Jan 2019 16:21:20 +0100 Subject: [PATCH] fix(stark-ui): implement workaround for `mat-select` bug in IE11 See https://github.com/angular/material2/issues/11609 ISSUE: #732 --- .../stark-ui/assets/styles/_material-fixes.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/packages/stark-ui/assets/styles/_material-fixes.scss b/packages/stark-ui/assets/styles/_material-fixes.scss index 36965227a1..3bc0bd9abe 100644 --- a/packages/stark-ui/assets/styles/_material-fixes.scss +++ b/packages/stark-ui/assets/styles/_material-fixes.scss @@ -5,3 +5,17 @@ .mat-datepicker-content { line-height: initial; } + +// FIXME: Remove after https://github.com/angular/material2/pull/11801 is merged +// See: https://github.com/angular/material2/issues/11609 +/** IE 11 fixes */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ CSS styles go here */ + /** IE 11 fixes */ + .mat-select-panel { + min-width: inherit !important; + } + .cdk-overlay-pane { + display: block; + } +}