Fix modal positioning on Android.

When the address bar is hidden, sometimes the visual position of the controls is out of sync with its logical position.

diff --git a/scss/_modal.scss b/scss/_modal.scss
index fa76b0ea56495d80dcb8b43265f2cd5c5db62bd8..65b61d90c29778760db72f32a1d50063e1a9adf7 100644 (file)
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -18,11 +18,11 @@
 .modal {
   position: fixed;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
   z-index: $zindex-modal;
   display: none;
+  width: 100%;
+  height: 100%;
   overflow: hidden;
   // Prevent Chrome on Windows from adding a focus outline. For details, see
   // https://github.com/twbs/bootstrap/pull/10951.
@@ -84,10 +84,10 @@
 .modal-backdrop {
   position: fixed;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
   z-index: $zindex-modal-backdrop;
+  width: 100vw;
+  height: 100vh;
   background-color: $modal-backdrop-bg;
 
   // Fade for backdrop