From 0b464cecfe2bd26efdebab3301b3b5164014322f Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Mon, 3 Jun 2024 23:18:44 -0700
Subject: [PATCH] fix safari viewport zoom issue

---
 frontend/wave.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/wave.ts b/frontend/wave.ts
index d788576bb..59fd7d825 100644
--- a/frontend/wave.ts
+++ b/frontend/wave.ts
@@ -18,6 +18,13 @@ console.log("Wave Starting");
 
 (window as any).WOS = WOS;
 
+function matchViewportSize() {
+    document.body.style.width = window.visualViewport.width + "px";
+    document.body.style.height = window.visualViewport.height + "px";
+}
+
+matchViewportSize();
+
 document.addEventListener("DOMContentLoaded", async () => {
     console.log("DOMContentLoaded");
     // ensures client/window/workspace are loaded into the cache before rendering
@@ -31,4 +38,6 @@ document.addEventListener("DOMContentLoaded", async () => {
         console.log("Wave First Render");
         root.render(reactElem);
     });
+    const viewport = window.visualViewport;
+    viewport.addEventListener("resize", matchViewportSize);
 });