From 637073ab9edd061486331fd57a00ffca3d44e0fe Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Thu, 22 Jun 2023 17:10:41 +0530
Subject: [PATCH] fix: horrifically stupid bug with scrolling to IDs

---
 .changeset/famous-games-argue.md              |  5 ++++
 .../src/lib/docs/DocsOnThisPage.svelte        | 28 ++++++++++++++-----
 2 files changed, 26 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/famous-games-argue.md

diff --git a/.changeset/famous-games-argue.md b/.changeset/famous-games-argue.md
new file mode 100644
index 00000000..4034537d
--- /dev/null
+++ 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
index 307477ac..46ef14ce 100644
--- 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() {