chore: improve reaction picker behaviour

This commit is contained in:
syuilo 2021-02-28 10:03:52 +09:00
parent af280f52ab
commit cbcbd6f0a9
2 changed files with 10 additions and 1 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<MkModal ref="modal" :manual-showing="manualShowing" :src="src" @click="$refs.modal.close()" @opening="$refs.picker.focus()" @close="$emit('close')" @closed="$emit('closed')"> <MkModal ref="modal" :manual-showing="manualShowing" :src="src" @click="$refs.modal.close()" @opening="opening" @close="$emit('close')" @closed="$emit('closed')">
<MkEmojiPicker :show-pinned="showPinned" :as-reaction-picker="asReactionPicker" @chosen="chosen" ref="picker"/> <MkEmojiPicker :show-pinned="showPinned" :as-reaction-picker="asReactionPicker" @chosen="chosen" ref="picker"/>
</MkModal> </MkModal>
</template> </template>
@ -46,6 +46,11 @@ export default defineComponent({
this.$emit('done', emoji); this.$emit('done', emoji);
this.$refs.modal.close(); this.$refs.modal.close();
}, },
opening() {
this.$refs.picker.reset();
this.$refs.picker.focus();
}
} }
}); });
</script> </script>

View file

@ -282,6 +282,10 @@ export default defineComponent({
} }
}, },
reset() {
this.$refs.emojis.scrollTop = 0;
},
getKey(emoji: any) { getKey(emoji: any) {
return typeof emoji === 'string' ? emoji : (emoji.char || `:${emoji.name}:`); return typeof emoji === 'string' ? emoji : (emoji.char || `:${emoji.name}:`);
}, },