From eff04fd913daed431351a9a061bc90d9bad8b100 Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mail@matthieubessat.fr>
Date: Sun, 21 May 2023 22:46:45 +0200
Subject: [PATCH] fix: disable page scroll when mobile nav is opened

---
 layouts/partials/header.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8c7661f..549ecd7 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -33,3 +33,16 @@
         </div>
     </div>
 </header>
+
+<script>
+    // workaround to limit the page scroll if the mobile nav is opened
+    const nav_button = document.getElementById("navi-toggle")
+    nav_button.addEventListener("change", event => {
+        if (event.target.checked) {
+            document.body.style.overflow = "hidden";
+        }
+        if (!event.target.checked) {
+            document.body.style.overflow = "initial";
+        }
+    })
+</script>