Add autofocus prop to search

This commit is contained in:
Sam Carlton 2021-04-18 20:40:26 -05:00
parent 6e65c498c8
commit 1e2ef74b7b

View file

@ -16,12 +16,12 @@
<input <input
id="search" id="search"
ref="search" ref="search"
:autofocus="autofocus"
v-model="query" v-model="query"
aria-label="Type here to Search" aria-label="Type here to Search"
class="appearance-none w-full text-white font-hairline sm:text-5xl outline-none bg-transparent p-3" class="appearance-none w-full text-white font-hairline sm:text-5xl outline-none bg-transparent p-3"
type="search" type="search"
placeholder="Type to Search" placeholder="Type to Search"
autofocus
autocomplete="off" autocomplete="off"
@keyup="queryResults(query); scrollInputToTop()" @keyup="queryResults(query); scrollInputToTop()"
> >
@ -222,6 +222,10 @@ export default {
type: Number, type: Number,
default: null default: null
}, },
autofocus: {
type: Boolean,
default: true
},
quickButtons: { quickButtons: {
type: Array, type: Array,
default: () => [ default: () => [