mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Add autofocus prop to search
This commit is contained in:
parent
6e65c498c8
commit
1e2ef74b7b
1 changed files with 5 additions and 1 deletions
|
|
@ -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: () => [
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue