Merge pull request #118 from hearchco/mk/fix/autofocus

Changed autofocus
hearchco · Feb 7, 2024 · 3abb2b5 · 3abb2b5
2 parents c46a1bf + f0a3bd2
commit 3abb2b5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/lib/components/Searchbox.svelte b/src/lib/components/Searchbox.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	export let query: string;
+	export let autofocus: boolean = false;
 </script>
 
 <form
@@ -8,6 +9,7 @@
 	action="/search"
 	on:submit
 >
+	<!-- svelte-ignore a11y-autofocus -->
 	<input
 		name="q"
 		class="mx-4 h-full w-full bg-transparent focus:outline-none"
@@ -18,7 +20,7 @@
 		spellcheck="false"
 		autocorrect="off"
 		dir="auto"
-		autofocus
+		autofocus={autofocus}
 		bind:value={query}
 	/>
 	<!-- <button

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -15,5 +15,5 @@
 <!-- this is hard fixed top space -->
 <div class="mx-4 mb-4 mt-36 min-w-fit">
 	<img class="mx-auto h-40 w-40 mb-8 pointer-events-none" src={logo} alt="logo" />
-	<div class="mx-auto max-w-screen-sm"><Searchbox bind:query /></div>
+	<div class="mx-auto max-w-screen-sm"><Searchbox bind:query autofocus /></div>
 </div>