From dd5ca0c28c683252fa3cc5eee3c27b981fbd7977 Mon Sep 17 00:00:00 2001 From: Aman Harwara Date: Tue, 20 Sep 2022 16:48:03 +0530 Subject: [PATCH] fix: window size on mobile (#1600) --- packages/web/src/javascripts/App.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/web/src/javascripts/App.tsx b/packages/web/src/javascripts/App.tsx index 6bcd45722..70bf42a37 100644 --- a/packages/web/src/javascripts/App.tsx +++ b/packages/web/src/javascripts/App.tsx @@ -66,7 +66,10 @@ const startApplication: StartApplication = async function startApplication( root = createRoot(appendedRootNode) disableIosTextFieldZoom() - document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`) + document.documentElement.style.setProperty( + '--viewport-height', + `${visualViewport ? visualViewport.height : window.innerHeight}px`, + ) root.render(