Fix centered modal scrolling issue (#30244)

Use the `min-content` property.

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 421e3e6400865ea9a98ff9a77d18ff6e4972e4d2..e43c70fbb4bb4046805b3a4147b96546041e2ec3 100644 (file)
--- 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: "";
   }
 
@@ -216,6 +217,7 @@
 
     &::before {
       height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
+      height: min-content;
     }
   }