From d50028ed067d60de9efc98fbbdfef8e74aac758c Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Tue, 1 Nov 2022 11:37:12 +0100
Subject: [PATCH] Fix issue #53 Toggle menu will disappear

---
 src/components/core/BasicScripts.astro | 6 ++++--
 src/components/widgets/Header.astro    | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/core/BasicScripts.astro b/src/components/core/BasicScripts.astro
index e52f272..efa8072 100644
--- a/src/components/core/BasicScripts.astro
+++ b/src/components/core/BasicScripts.astro
@@ -29,7 +29,8 @@
 		attachEvent('[data-aw-toggle-menu]', 'click', function (elem) {
 			elem.classList.toggle('expanded');
 			document.body.classList.toggle('overflow-hidden');
-			document.getElementById('menu')?.classList.toggle('hidden');
+			document.getElementById('header')?.classList.toggle('h-screen');
+			document.querySelector('#header nav')?.classList.toggle('hidden');
 		});
 
 		attachEvent('[data-aw-toggle-color-scheme]', 'click', function () {
@@ -43,6 +44,7 @@
 			elem.classList.remove('expanded');
 		}
 		document.body.classList.remove('overflow-hidden');
-		document.getElementById('menu')?.classList.add('hidden');
+		document.getElementById('header')?.classList.remove('h-screen');
+		document.querySelector('#header nav')?.classList.add('hidden');
 	};
 </script>
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index d0efd41..58dc6f3 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -9,6 +9,7 @@ import { getPermalink, getBlogPermalink, getHomePermalink } from '~/utils/permal
 
 <header
 	class="sticky top-0 z-40 flex-none mx-auto w-full bg-white md:bg-white/90 dark:bg-slate-900 dark:md:bg-slate-900/90 md:backdrop-blur-sm border-b dark:border-b-0"
+	id="header"
 >
 	<div class="py-3 px-3 mx-auto w-full md:flex md:justify-between max-w-6xl md:px-4">
 		<div class="flex justify-between">
@@ -23,7 +24,6 @@ import { getPermalink, getBlogPermalink, getHomePermalink } from '~/utils/permal
 		<nav
 			class="items-center w-full md:w-auto hidden md:flex text-gray-600 dark:text-slate-200 h-screen md:h-auto"
 			aria-label="Main navigation"
-			id="menu"
 		>
 			<ul
 				class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base"