From 60711482f8170406b4dacdfe5cafac8969366844 Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Mon, 14 Oct 2024 12:45:39 +0200
Subject: [PATCH] fix(website): close dialog on navigation

---
 website/src/routes/Hamburger.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/website/src/routes/Hamburger.svelte b/website/src/routes/Hamburger.svelte
index deaa1e6..84d0c31 100644
--- a/website/src/routes/Hamburger.svelte
+++ b/website/src/routes/Hamburger.svelte
@@ -1,13 +1,22 @@
 <script lang="ts">
+	import { navigating } from "$app/stores"
 	import GitHub from "$lib/components/GitHub.svelte"
 	import Logo from "$lib/components/Logo.svelte"
 	import { Dialog } from "bits-ui"
 	import { Menu, X } from "lucide-svelte"
 	import { fade, fly } from "svelte/transition"
 	import Search from "./Search.svelte"
+
+	let dialogOpen = $state(false)
+
+	$effect(() => {
+		if ($navigating) {
+			dialogOpen = false
+		}
+	})
 </script>
 
-<Dialog.Root>
+<Dialog.Root bind:open={dialogOpen}>
 	<Dialog.Trigger>
 		<span class="sr-only">open menu</span>
 		<Menu aria-hidden="true" />