fix `.modal-dialog-centered` on IE10/11

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 376c97513970ff7acd9adf4b249e3c581d61d754..f20bb9d8569fd3176f210666fa5a1717d69d1b1c 100644 (file)
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -54,6 +54,13 @@
   display: flex;
   align-items: center;
   min-height: calc(100% - (#{$modal-dialog-margin} * 2));
+
+  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
+  &::before {
+    display: block; // IE10
+    height: calc(100vh - (#{$modal-dialog-margin} * 2));
+    content: "";
+  }
 }
 
 // Actual modal
@@ -153,6 +160,11 @@
 
   .modal-dialog-centered {
     min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
+
+    &::before {
+      height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2));
+    }
+
   }
 
   .modal-content {