Emojis of remote instances are not getting reconized as such

[ghost]

Requirements

• [X] This is a bug report, and if not, please post to https://lemmy.ml/c/lemmy_support instead.
• [X] Please check to see if this issue already exists.
• [X] It's a single bug. Do not report multiple bugs in one issue.
• [X] It's a frontend issue, not a backend issue; Otherwise please create an issue on the backend repo instead.

Summary

Emojis which are posted by remote instances do not get recognized as such. Therefore the emoji-specific CSS is not applied to them, and they get displayed like any other image in full size.

It seems like Lemmy is classifying images based on the title.
If the posted image has a title known as an emoji (based on the list of custom emojis of the instance you are seeing the post from) it will assign the emoji CSS classes.

This causes two issues,

1. If another instance has an emoji, which yours don't have, it will not be recognized as such
2. If someone posts a standard image which has, by accident, a title which matches with the emoji list, this image will be seen as an emoji

I recommend adding some unique tags to classify emojis.

Steps to Reproduce

1. Upload a custom emoji
2. Make a post with it
3. View the post from a different instance

Technical Details

N/A

Lemmy Instance Version

0.18.1-RC4

Lemmy Instance URL

https://discuss.as200950.com/post/70749

[keithdtyler]

This also happens if you post a comment to Lemmy from Mastodon and use a server emoji. (Is this a separate bug? Seems related).