fix: await for settled instead of tick in navigate (#14800)

Author: paoloricciuti

.changeset/cold-islands-tell.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+fix: await for `settled` instead of `tick` in navigate

packages/kit/src/runtime/client/client.js

@@ -1701,8 +1701,15 @@ async function navigate({
 
 	const { activeElement } = document;
 
+	const promises = [tick()];
+
 	// need to render the DOM before we can scroll to the rendered elements and do focus management
-	await tick();
+	// svelte.settled is only available in Svelte 5
+	if (/** @type {any} */ (svelte).settled) {
+		promises.push(/** @type {any} */ (svelte).settled());
+	}
+	// we still need to await tick everytime because if there's no async work settled resolves immediately
+	await Promise.all(promises);
 
 	// we reset scroll before dealing with focus, to avoid a flash of unscrolled content
 	let scroll = popped ? popped.scroll : noscroll ? scroll_state() : null;