Mappings are wrong on Apple platform

I have been redirected here from http://github.com/vector-im/riot-web:

It seems the current mappings break Apple platforms: For example, :( is ☹︎, which is not rendered on Apple platforms as an Emoji, while 🙁 is an Emoji. :D is rendered as 😁, when it is more commonly rendered as 😀 (not really a breakage, just inconsistency). Things like 👍 result in 👍️, which is rendered as a thumb up followed by a white box, while 👍 renders correctly.

Basically, look at the entire list on an iOS or Safari on a mac device, and most of them are broken.

[milesj]

Ok, I’m gonna do a retro breaking change on v5, so compact will always use emojis: https://github.com/milesj/emojibase/commit/14d8b9794d88dbfa1e765d1bf6e677654172e540#diff-8128864d03457e2abb445b92204a88feL25

When you update to v5, let me know if this is still an issue.

[slugalisk]

@milesj It’s not an issue with emojibase at all IMO. The unicode values for Extended Pictographic emoji in emojibase don’t match the hexcodes which confused me for a minute but they are the correct values for the colored variants of the emoji.

The issue the Riot devs and I had was that the font used only the base code point for those emoji so the variant selector was treated as a separate character. On windows it’s discarded as nonprintable but on iOS it’s rendered with a broken character glyph or an empty space depending on the OS version.