fix: add fallback for initial window size (#1749)

2022-10-06 13:49:06 +05:30
parent 4b6662d62d
commit 05aff2776b
1 changed files with 13 additions and 4 deletions
--- a/packages/web/src/javascripts/App.tsx
+++ b/packages/web/src/javascripts/App.tsx
@@ -42,10 +42,19 @@ const getKey = () => {
 }

 const setViewportHeight = () => {
-  document.documentElement.style.setProperty(
-    '--viewport-height',
-    `${visualViewport ? visualViewport.height : window.innerHeight}px`,
-  )
+  const currentValue = parseInt(document.documentElement.style.getPropertyValue('--viewport-height'))
+  const newValue = visualViewport && visualViewport.height > 0 ? visualViewport.height : window.innerHeight
+
+  if (currentValue && !newValue) {
+    return
+  }
+
+  if (!currentValue && !newValue) {
+    document.documentElement.style.setProperty('--viewport-height', '100vh')
+    return
+  }
+
+  document.documentElement.style.setProperty('--viewport-height', `${newValue}px`)
 }

 const setDefaultMonospaceFont = (platform?: Platform) => {