diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-25 16:03:21 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-25 16:03:21 +0900 |
| commit | e6d43c9282b1ccc0fb934f5a7e5d90e19892e3bc (patch) | |
| tree | 6e29c271c1d197534056e76b1d7d98ddb0cef4ef /packages/client/src | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | sharkey-e6d43c9282b1ccc0fb934f5a7e5d90e19892e3bc.tar.gz sharkey-e6d43c9282b1ccc0fb934f5a7e5d90e19892e3bc.tar.bz2 sharkey-e6d43c9282b1ccc0fb934f5a7e5d90e19892e3bc.zip | |
fix
https://github.com/misskey-dev/misskey/pull/9399#issuecomment-1364635903
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/components/global/MkEmoji.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/client/src/components/global/MkEmoji.vue b/packages/client/src/components/global/MkEmoji.vue index 440ef6220d..419850d007 100644 --- a/packages/client/src/components/global/MkEmoji.vue +++ b/packages/client/src/components/global/MkEmoji.vue @@ -1,6 +1,6 @@ <template> <img v-if="customEmoji" class="mk-emoji custom" :class="{ normal, noStyle }" :src="url" :alt="alt" :title="alt" decoding="async"/> -<img v-else-if="char && !useOsNativeEmojis" class="mk-emoji" :src="url" decoding="async" @pointerenter="computeTitle"/> +<img v-else-if="char && !useOsNativeEmojis" class="mk-emoji" :src="url" :alt="alt" decoding="async" @pointerenter="computeTitle"/> <span v-else-if="char && useOsNativeEmojis" :alt="alt" @pointerenter="computeTitle">{{ char }}</span> <span v-else>{{ emoji }}</span> </template> @@ -39,6 +39,7 @@ const url = computed(() => { }); const alt = computed(() => customEmoji.value ? `:${customEmoji.value.name}:` : char.value); +// Searching from an array with 2000 items for every emoji felt like too energy-consuming, so I decided to do it lazily on pointerenter function computeTitle(event: PointerEvent): void { const title = customEmoji.value ? `:${customEmoji.value.name}:` |