From c378288d6ea15f2a6b79c1a7922736c0d3b54574 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 26 Jun 2023 19:37:49 +0530
Subject: [PATCH] chore: fix ios height issue

---
 packages/web/src/javascripts/setViewportHeightWithFallback.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/src/javascripts/setViewportHeightWithFallback.tsx b/packages/web/src/javascripts/setViewportHeightWithFallback.tsx
index 7c8d11a99..4f4ec2782 100644
--- a/packages/web/src/javascripts/setViewportHeightWithFallback.tsx
+++ b/packages/web/src/javascripts/setViewportHeightWithFallback.tsx
@@ -8,8 +8,8 @@ export const setCustomViewportHeight = (height: number, suffix: 'px' | 'vh', for
 
   log(LoggingDomain.Viewport, `setCustomViewportHeight: ${value}`)
 
-  document.body.style.height = value
   document.documentElement.style.setProperty('--ios-viewport-height', value)
+  document.body.style.height = 'var(--ios-viewport-height)'
 
   if (forceTriggerResizeEvent) {
     window.dispatchEvent(new Event('resize'))