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

standardnotes · Oct 6, 2022 · 05aff27 · 05aff27
1 parent 4b6662d
commit 05aff27
Showing 1 changed file with 13 additions and 4 deletions.
diff --git 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) => {