fix(stark-ui): implement workaround for mat-select bug in IE11

See angular/components#11609 ISSUE: #732
NationalBankBelgium · Jan 11, 2019 · f2887ad · f2887ad
1 parent 7f73477
commit f2887ad
Showing 1 changed file with 14 additions and 0 deletions.
diff --git 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;
+  }
+}