From ec77efe072eb2eac2dbfa19c79165b77a6ef6dd2 Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Mon, 18 Nov 2024 13:51:56 -0500
Subject: [PATCH] wait for document load event to set css var

---
 app/layout.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 46ad9bf1..3e869a44 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -45,7 +45,11 @@ export default function RootLayout({
               el.style.setProperty("--leaflet-height-unitless", window.innerHeight)
               el.style.setProperty("--leaflet-width-unitless", window.innerWidth)
             }
-            listener()
+            if (document.readyState === 'complete') {
+              listener();
+            } else {
+              document.addEventListener('DOMContentLoaded', listener);
+            }
             window.addEventListener("resize", listener)
             `,
           }}
-- 
knotmirror 0.0.1