fix: call focus with focusVisible set to false (#9861)

* fix: call focus with focusVisible set to false fixes #9002 * Update .changeset/lovely-rings-thank.md * Update packages/kit/src/runtime/client/client.js --------- Co-authored-by: Rich Harris <[email protected]>
sveltejs · May 8, 2023 · e445f2e · e445f2e
1 parent 36512f9
commit e445f2e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/lovely-rings-thank.md b/.changeset/lovely-rings-thank.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+fix: use `focusVisible: false` to prevent unwanted focus ring on navigation
diff --git a/packages/kit/src/runtime/client/client.js b/packages/kit/src/runtime/client/client.js
@@ -1908,7 +1908,8 @@ function reset_focus() {
 		const tabindex = root.getAttribute('tabindex');
 
 		root.tabIndex = -1;
-		root.focus({ preventScroll: true });
+		// @ts-expect-error
+		root.focus({ preventScroll: true, focusVisible: false });
 
 		// restore `tabindex` as to prevent `root` from stealing input from elements
 		if (tabindex !== null) {