From a04a6a83be0d5c853171d1d6fe07f6816963eb79 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 5 Oct 2020 17:03:32 +0200
Subject: [PATCH] fix composer not being visible on mobile

---
 src/ui/web/css/layout.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ui/web/css/layout.css b/src/ui/web/css/layout.css
index 36385a75..c1a47eb2 100644
--- a/src/ui/web/css/layout.css
+++ b/src/ui/web/css/layout.css
@@ -19,7 +19,6 @@ html {
     height: 100%;
 }
 
-
 @media screen and (min-width: 600px) {
     .PreSessionScreen {
         width: 600px;
@@ -32,7 +31,11 @@ html {
 .SessionView {
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    /* this takes into account whether or not the url bar is hidden on mobile
+    (have tested Firefox Android and Safari on iOS),
+    see https://developers.google.com/web/updates/2016/12/url-bar-resizing */
+    position: fixed;
+    height: 100%;
 }
 
 .SessionView > .main {