supernets/hardlounge
supernets/hardlounge
5
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fix toggling search on mobile.

Browse Source
This commit is contained in:
Richard Lewis 2020-01-04 18:03:56 +00:00
parent 2591ae9e8e
commit 28c740ab67
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/MessageSearchForm.vue
View File

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