fix: emoji picker stops showing (#559)

This commit is contained in:
Joaquín Sánchez 2022-12-25 17:58:00 +01:00 committed by GitHub
parent cf261c36cd
commit 7405dee7f6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -11,7 +11,7 @@ let picker = $ref<Picker>()
async function openEmojiPicker() {
if (!picker) {
updateCustomEmojis()
await updateCustomEmojis()
const promise = import('@emoji-mart/data').then(r => r.default)
const { Picker } = await import('emoji-mart')
picker = new Picker({
@ -22,9 +22,15 @@ async function openEmojiPicker() {
theme: isDark.value ? 'dark' : 'light',
custom: customEmojisData.value,
})
}
await nextTick()
// TODO: custom picker
el?.appendChild(picker as any as HTMLElement)
}
const hidePicker = () => {
if (picker)
el?.removeChild(picker as any as HTMLElement)
}
watch(isDark, () => {
@ -43,6 +49,7 @@ watch(customEmojisData, () => {
<template>
<VDropdown
@apply-show="openEmojiPicker()"
@apply-hide="hidePicker()"
>
<button btn-action-icon :title="$t('tooltip.emoji')">
<div i-ri:emotion-line />