Auto focus search bar

This commit is contained in:
Pedro Galhardo 2022-06-30 21:16:55 +01:00
parent 6f17185dd1
commit eaf3523180
No known key found for this signature in database
GPG key ID: 4740524CD85770A9

View file

@ -184,7 +184,8 @@
:placeholder="$root.getLz('term.search') + '...'" :placeholder="$root.getLz('term.search') + '...'"
@input="search()" @input="search()"
v-model="searchQuery" v-model="searchQuery"
class="search-input"> class="search-input"
ref="search-bar">
</div> </div>
<draggable :options="{disabled: !editing}" <draggable :options="{disabled: !editing}"
v-model="data.relationships.tracks.data" @start="drag=true" v-model="data.relationships.tracks.data" @start="drag=true"
@ -849,8 +850,13 @@
document.querySelector(".tab-pane.active").scrollTo({ document.querySelector(".tab-pane.active").scrollTo({
top: 0, top: 0,
left: 0, left: 0,
behavior: 'smooth' behavior: "smooth"
}) });
// Focus search bar
this.$nextTick(() => {
this.$refs["search-bar"].focus();
});
} }
}, },
search() { search() {