Fix contents onmount (#3878)

* Contents.svelte calls update(), highlight() twice on mount * fix timeout * use document.fonts.ready Co-authored-by: Janosh Riebesell <[email protected]>
sveltejs · Feb 14, 2022 · f412dc5 · f412dc5
1 parent 9ee4934
commit f412dc5
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/sites/kit.svelte.dev/src/lib/docs/Contents.svelte b/sites/kit.svelte.dev/src/lib/docs/Contents.svelte
@@ -16,16 +16,11 @@
 	/** @type {number[]} */
 	let positions = [];
 
-	onMount(() => {
-		// wait for fonts to load...
-		const timeouts = [setTimeout(onresize, 1000), setTimeout(onscroll, 5000)];
+	onMount(async () => {
+		await document.fonts.ready;
 
-		return () => {
-			window.removeEventListener('scroll', onscroll, true);
-			window.removeEventListener('resize', onresize, true);
-
-			timeouts.forEach((timeout) => clearTimeout(timeout));
-		};
+		update();
+		highlight();
 	});
 
 	afterNavigate(() => {