feat: reset scroll on tab navigation

NewcastleRSE · Jul 23, 2024 · f3e2e10 · f3e2e10
1 parent 27d0c4d
commit f3e2e10
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/lib/ui/nav/nav.svelte b/src/lib/ui/nav/nav.svelte
@@ -70,8 +70,9 @@
 					{/if}
 					{#if $page.params.slug && $page.params.topic}
 						<NavTopics
-							on:click={(e) => {
-								goto(`/${$page.params.slug}/${e.detail}`)
+							on:click={async (e) => {
+								await goto(`/${$page.params.slug}/${e.detail}`)
+								document.getElementById('desktop-content')?.scrollTo(0, 0)
 							}}
 							topics={$page.data.topics}
 						></NavTopics>

diff --git a/src/routes/[slug]/+layout.svelte b/src/routes/[slug]/+layout.svelte
@@ -79,6 +79,7 @@
 			{/if}
 		</div>
 		<div
+			id="desktop-content"
 			class="slug-layout-right-col relative col-span-1 col-start-2 row-span-1 row-start-1 h-full w-full overflow-y-scroll"
 		>
 			<button