fix: horrifically stupid bug with scrolling to IDs

sveltejs · Jun 22, 2023 · 637073a · 637073a
1 parent 2f656d2
commit 637073a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/.changeset/famous-games-argue.md b/.changeset/famous-games-argue.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+fix: horrifically stupid bug with scrolling to IDs
diff --git a/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte b/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { browser } from '$app/environment';
 	import { afterNavigate } from '$app/navigation';
 	import { base } from '$app/paths';
 	import { page } from '$app/stores';
@@ -36,6 +37,26 @@
 		highlight();
 	});
 
+	$: pathname = $page.url.pathname;
+
+	$: {
+		pathname;
+
+		emulate_autoscroll();
+	}
+
+	async function emulate_autoscroll() {
+		if (browser) {
+			const hash = $page.url.hash.replace(/^#/, '');
+			const el = document.getElementById(hash);
+
+			console.log(el);
+
+			await tick();
+			el?.scrollIntoView({ behavior: 'auto', block: 'start' });
+		}
+	}
+
 	afterNavigate(() => {
 		update();
 		highlight();
@@ -55,13 +76,6 @@
 			return heading.getBoundingClientRect().top - parseFloat(style.scrollMarginTop) - top;
 		});
 		height = window.innerHeight;
-
-		const hash = $page.url.hash.replace(/^#/, '');
-
-		const el = document.getElementById(hash);
-
-		await tick();
-		el?.scrollIntoView({ behavior: 'auto', block: 'start' });
 	}
 
 	function highlight() {