Fix centered modal scrolling issue (#30244)

Use the `min-content` property.

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