fix: scrolling when navigate

TODO: remove when it will be fixed: sveltejs/kit#2733
artegoser · Mar 2, 2024 · 5bb0885 · 5bb0885
1 parent 763d9a9
commit 5bb0885
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -27,6 +27,7 @@
   import Navigation from "$lib/components/Navigation.svelte";
 
   import { Icon, Bars3 } from "svelte-hero-icons";
+  import { afterNavigate } from "$app/navigation";
 
   initializeStores();
 
@@ -35,6 +36,10 @@
   function drawerOpen(): void {
     drawerStore.open({});
   }
+
+  afterNavigate(() => {
+    document.getElementById("page")?.scrollTo(0, 0);
+  });
 </script>
 
 <Drawer>
@@ -75,5 +80,7 @@
     </AppBar>
   </svelte:fragment>
   <!-- Page Route Content -->
-  <slot />
+  <div id="page">
+    <slot />
+  </div>
 </AppShell>