From d0b8c8923b6368aafc921c83ce9bc4bac17d9c27 Mon Sep 17 00:00:00 2001
From: Joy Zhong <joytzhong@gmail.com>
Date: Tue, 28 May 2019 17:31:18 -0400
Subject: [PATCH] fix(dialog): Use 100vw for dialog max-width calculation.
 (#4766)

Use 100vw as it doesn't have the same browser incompatibilities that 100vh does (see PR #4746 for context). 100% width on the other hand breaks on mobile/Safari.
---
 packages/mdc-dialog/_mixins.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mdc-dialog/_mixins.scss b/packages/mdc-dialog/_mixins.scss
index 693c1f25271..8484c9b5cf1 100644
--- a/packages/mdc-dialog/_mixins.scss
+++ b/packages/mdc-dialog/_mixins.scss
@@ -392,7 +392,7 @@
 
 @mixin mdc-dialog-max-width($max-width, $margin, $query: mdc-feature-all()) {
   $feat-structure: mdc-feature-create-target($query, structure);
-  $max-size-calc-expr: calc(100% - #{$margin * 2});
+  $max-size-calc-expr: calc(100vw - #{$margin * 2});
 
   .mdc-dialog__surface {
     @include mdc-feature-targets($feat-structure) {