Fix IE specific flexbox min-height issue

sulemanof · sulemanof · commit 501fe481d586 · 2020-05-14T15:36:54.000+03:00
diff --git a/src/core/public/rendering/_base.scss b/src/core/public/rendering/_base.scss
@@ -73,7 +73,10 @@
   display: flex;
   flex-flow: column nowrap;
   margin: 0 auto;
-  min-height: calc(100vh - #{$euiHeaderHeightCompensation});
+  // IE needs this to be "height" instead of "min-height"
+  // "min-height" causes a bug described in the next link
+  // https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
+  height: calc(100vh - #{$euiHeaderHeightCompensation});
 
   &.hidden-chrome {
     min-height: 100vh;
