fix(dialog): Fixes #4080: corrects dialog fullscreen height

PiperOrigin-RevId: 524152880
material-components · Apr 14, 2023 · 2a00495 · 2a00495
1 parent b7af8ec
commit 2a00495
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/dialog/lib/_dialog.scss b/dialog/lib/_dialog.scss
@@ -44,10 +44,10 @@
     justify-content: center;
     box-sizing: border-box;
     inset: 0;
-    block-size: 100vh;
-    inline-size: 100vw;
-    max-block-size: 100vh;
-    max-inline-size: 100vw;
+    block-size: 100dvh;
+    inline-size: 100dvw;
+    max-block-size: 100dvh;
+    max-inline-size: 100dvw;
     border: none;
     background: transparent;
     padding: 0;
@@ -77,8 +77,8 @@
     position: absolute;
     z-index: -1;
     inset: 0;
-    block-size: 100vh;
-    inline-size: 100vw;
+    block-size: 100dvh;
+    inline-size: 100dvw;
     pointer-events: none;
   }
 
@@ -320,8 +320,8 @@
   }
 
   :host([showing-fullscreen]) .container {
-    block-size: 100vh;
-    inline-size: 100vw;
+    block-size: 100dvh;
+    inline-size: 100dvw;
     border-radius: 0px;
     padding-block-start: 0;
     padding-block-end: 0;