From 3bbdd84a92580a9edf20e3e6ce8ad84d47f1c8a5 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Mon, 29 Jul 2024 13:30:32 +0100
Subject: [PATCH] Work around Safari 15's incomplete support for dvh units
 (#19567)

GitOrigin-RevId: ff6429d6a918413857dd8116611c9857958f68ed
---
 services/web/frontend/js/pages/ide.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/services/web/frontend/js/pages/ide.tsx b/services/web/frontend/js/pages/ide.tsx
index c456139973..37abd93008 100644
--- a/services/web/frontend/js/pages/ide.tsx
+++ b/services/web/frontend/js/pages/ide.tsx
@@ -4,3 +4,19 @@ import ReactDOM from 'react-dom'
 import IdeRoot from '@/features/ide-react/components/ide-root'
 
 ReactDOM.render(<IdeRoot />, document.getElementById('ide-root'))
+
+// work around Safari 15's incomplete support for dvh units
+// https://github.com/overleaf/internal/issues/18109
+try {
+  if (
+    document.body.parentElement &&
+    document.body.parentElement?.clientHeight < document.body.clientHeight
+  ) {
+    const rootElement = document.querySelector<HTMLDivElement>('#ide-root')
+    if (rootElement) {
+      rootElement.style.height = '100vh'
+    }
+  }
+} catch {
+  // ignore errors
+}