Fix toggling search on mobile.

This commit is contained in:
Richard Lewis 2020-01-04 18:03:56 +00:00
parent 28aac994a3
commit 5a1ba40446

View file

@ -15,7 +15,7 @@
class="search"
type="button"
aria-label="Search messages in this channel"
@click.prevent="toggleSearch"
@mousedown.prevent="toggleSearch"
/>
</form>
</template>
@ -40,13 +40,14 @@ export default {
closeSearch() {
this.searchOpened = false;
},
toggleSearch(event) {
event.preventDefault();
this.searchOpened = !this.searchOpened;
toggleSearch() {
if (this.searchOpened) {
this.$refs.searchInputField.focus();
this.$refs.searchInputField.blur();
return;
}
this.searchOpened = true;
this.$refs.searchInputField.focus();
},
searchMessages(event) {
event.preventDefault();