Users are discussing an issue where the first emoji in a topic title renders differently (as an tag) compared to subsequent emojis, which remain as Unicode — causing visual inconsistency, especially on mobile. Decrypt reports this while developing a custom theme, noting that even with identical emojis pasted (e.g., ), the first is styled differently. Canapin investigates and finds that in their instance, all emojis render as tags, suggesting a configuration or rendering inconsistency. anderer and Lilly report similar behavior, particularly with iOS emoji input — where only the first emoji converts to an image, while others remain Unicode. Canapin suggests increasing the max emojis in title setting to force consistent image rendering. Lilly confirms the issue appears specific to certain emojis (like ) when pasted via iOS, while using Discourse’s :emoji: syntax renders all consistently. A potential fix for emoji limit bypass is referenced here. The issue seems tied to how Discourse processes pasted Unicode emojis vs. its own syntax, and may be resolved in a future update.
Hello, I’m trying to dev my own theme, and I saw that when you write multiple emoji in a title, the first one will be inside an < img > instead of being with the rest of the text. Here are some screenshots (after some styling applied so it looks like it has the same size, without it the first emoji is bigger) : (screenshot at the end, sorry new account only allowed for 1 pic)
So I thought it was because the first character of a title was made bigger like in books, but its not the case as you can see, I placed a dot before the 3 emojis, and the first emoji was still different, I tried multiple styling (rem, px, align) so it is the same size as the two others, but on the mobile app it is still visible : (screen at the end)
Do you have an idea on how to solve this so the first emoji of a title will be the same as the others, on both mobile and desktop.
I notice your first emoji is a custom emoji you added to your site (it has an emoji-custom class), the others being Unicode.
I’m not sure why the Unicode emojis aren’t converted to <img> tags though they are in my test instance. I tried several sets, including Apple/International.
I want to jump in here as well - as something with the emojis is weird on my site as well which might be related
i discovered that the bellhop bell is not tranformed into an image - but it stays as it is? - this affects only the title and the menu list. in addition, the emoji limit is set to 1 - so the title should actually not have a second emoji.
apart from that it would be sweet - to have the standard set of emojis in the category title - see that the party popper is different in the category title than in the other parts
ohh, on the admin site - all emoji setting are default.
All the 3 emojis are the same, (from official ios/android list) I copy and paste the same character inside the title, and I even tried to copy the 3rd one, delete the others, paste it 2 times, and when I save the title it will still do this weird thing.
For the settings I don’t know what I can show you ? I do not have any “star” custom emote, only emotes I have are cryptocurrencies logo.
Here, I copied the raw title and I will paste it here : ⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?
The emoji on the preview panel is from your content, not your title, and will be converted as a Discourse emoji once the post has been processed and posted. Until then, it is normal that it appears as Unicode, as you probably entered it with your OS emoji selector.
@Decrypt, I think you should be able to have img for each one of your titles emojis by raising the max emojis in title setting value and then be able to customize them as you want with CSS.