From: Shohei Yoshida <ysds.code@gmail.com>
Date: Sat, 29 Feb 2020 07:59:36 +0000 (+0900)
Subject: Fix centered modal scrolling issue (#30244)
X-Git-Tag: v4.5.0~113
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=fa7510c6afc089ec2fa585789baabc3e3699a6dd;p=thirdparty%2Fbootstrap.git

Fix centered modal scrolling issue (#30244)

Use the `min-content` property.
---

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 9053c173f8..a6d0f06512 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -83,6 +83,7 @@
   &::before {
     display: block; // IE10
     height: subtract(100vh, $modal-dialog-margin * 2);
+    height: min-content; // Reset height to 0 except on IE
     content: "";
   }
 
@@ -217,6 +218,7 @@
 
     &::before {
       height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
+      height: min-content;
     }
   }