From 1f883c982daa37fb6349cd89e59cca3b1a84809d Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Thu, 22 Jun 2023 08:28:37 +0530
Subject: [PATCH] chore: Wait for hash element to be created

---
 .changeset/smooth-taxis-cover.md                     | 5 +++++
 packages/site-kit/src/lib/docs/DocsOnThisPage.svelte | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/smooth-taxis-cover.md

diff --git a/.changeset/smooth-taxis-cover.md b/.changeset/smooth-taxis-cover.md
new file mode 100644
index 00000000..3d860e28
--- /dev/null
+++ b/.changeset/smooth-taxis-cover.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+Wait for hash element to be created
diff --git a/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte b/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte
index 4346b839..307477ac 100644
--- a/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte
+++ b/packages/site-kit/src/lib/docs/DocsOnThisPage.svelte
@@ -3,7 +3,7 @@
 	import { base } from '$app/paths';
 	import { page } from '$app/stores';
 	import { root_scroll } from '$lib/actions';
-	import { afterUpdate, createEventDispatcher, onMount } from 'svelte';
+	import { afterUpdate, createEventDispatcher, onMount, tick } from 'svelte';
 
 	/** @type {import('./types').Page} */
 	export let details;
@@ -41,7 +41,7 @@
 		highlight();
 	});
 
-	function update() {
+	async function update() {
 		const contentEl = /** @type {HTMLElement | null} */ (document.querySelector('.content'));
 
 		if (!contentEl) return;
@@ -59,6 +59,8 @@
 		const hash = $page.url.hash.replace(/^#/, '');
 
 		const el = document.getElementById(hash);
+
+		await tick();
 		el?.scrollIntoView({ behavior: 'auto', block: 'start' });
 	}