Improve emoji picker usability

This commit is contained in:
syuilo 2020-12-31 11:45:27 +09:00
parent b427842679
commit 35d9e13dbb
1 changed files with 3 additions and 1 deletions

View File

@ -2,7 +2,7 @@
<MkModal ref="modal" :src="src" @click="$refs.modal.close()" @closed="$emit('closed')"> <MkModal ref="modal" :src="src" @click="$refs.modal.close()" @closed="$emit('closed')">
<div class="omfetrab _popup" :class="['w' + width, 'h' + height, { big }]"> <div class="omfetrab _popup" :class="['w' + width, 'h' + height, { big }]">
<input ref="search" class="search" :class="{ filled: q != null && q != '' }" v-model.trim="q" :placeholder="$ts.search" @paste.stop="paste" @keyup.enter="done()"> <input ref="search" class="search" :class="{ filled: q != null && q != '' }" v-model.trim="q" :placeholder="$ts.search" @paste.stop="paste" @keyup.enter="done()">
<div class="emojis"> <div class="emojis" ref="emojis">
<section class="result"> <section class="result">
<div v-if="searchResultCustom.length > 0"> <div v-if="searchResultCustom.length > 0">
<button v-for="emoji in searchResultCustom" <button v-for="emoji in searchResultCustom"
@ -180,6 +180,8 @@ export default defineComponent({
watch: { watch: {
q() { q() {
this.$refs.emojis.scrollTop = 0;
if (this.q == null || this.q === '') { if (this.q == null || this.q === '') {
this.searchResultCustom = []; this.searchResultCustom = [];
this.searchResultUnicode = []; this.searchResultUnicode = [];