From 90c0cdc0311cc227ca785679c922f6a03dc3acbd Mon Sep 17 00:00:00 2001
From: Mohammad Younes <myounes@gmail.com>
Date: Thu, 12 Apr 2018 00:48:45 +0300
Subject: [PATCH] fix `.modal-dialog-centered` on IE10/11

---
 scss/_modal.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/scss/_modal.scss b/scss/_modal.scss
index fea8112371de..4a719d14396e 100644
--- 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 {