Activate user search text field

This commit is contained in:
jasper 2019-02-21 11:20:46 -08:00
parent 10990e1715
commit 34d723215b
4 changed files with 4 additions and 2 deletions

View file

@ -24,6 +24,7 @@ const userSearch = {
methods: {
newQuery (query) {
this.$router.push({ name: 'user-search', query: { query } })
this.$refs.username.focus()
},
search (query) {
if (!query) {

View file

@ -4,7 +4,7 @@
{{$t('nav.user_search')}}
</div>
<div class="user-search-input-container">
<input class="user-finder-input" @keyup.enter="newQuery(username)" v-model="username" :placeholder="$t('finder.find_user')"/>
<input class="user-finder-input" ref="username" @keyup.enter="newQuery(username)" v-model="username" :placeholder="$t('finder.find_user')"/>
<button class="btn search-button" @click="newQuery(username)">
<i class="icon-search"/>
</button>