Emojis support broken in 4.5

[ozzyr]

Emoji support works in 4.4.2, but something went wrong in 4.5.

[mnelson4]

Hey @ozzyr thanks for mentioning the affected version, but you should probably give some more details on what exactly went wrong. Eg are emojis not appearing in 4.5 which appeared fine in 4.4.2? Where are you seeing this? Can you add new emojis ok? And do you have any plugins active that might affect this?

[ozzyr]

it seems the JS is firing in Chrome, but not Safari, or Firefox.

no plugins active that would effect it.

i added a bunch of emojis here: ​http://demos.wpsitecare.com/alpha/emojis/

try different browsers and you'll see :)

[Ipstenu]

Works fine in Safari and Firefox for me.

[ozzyr]

Replying to Ipstenu:

Works fine in Safari and Firefox for me.

Firefox:

Chrome

The screenshots in chrome are what I used to see in all browsers before upgrading

[peterwilsoncc]

Replying to ozzyr:

The operating system's emoji are used for preference in browsers with full support. In browsers that do not offer full support, such as Chrome, the emoji script runs and they are replaced with images.

The different styles of emoji your screen shots is because Firefox offers full support, Chrome does not.

[ozzyr]

Replying to peterwilsoncc:

Replying to ozzyr:

The operating system's emoji are used for preference in browsers with full support. In browsers that do not offer full support, such as Chrome, the emoji script runs and they are replaced with images.

The different styles of emoji your screen shots is because Firefox offers full support, Chrome does not.

related to this? ​https://github.com/WordPress/WordPress/commit/2c277e3952fdd73b9ca5f2594e6bd159ef40bd86

[pento]

Firefox had a ​regression in FF41 related to rendering emoji in a canvas element, caused by an upgrade to their rendering engine. WordPress was affected by this, as it uses canvas to detect if the browser was able to render emoji or not.

FF46 (currently in beta) fixes this bug. I just tested WordPress in FF43, 45 and 47 - 43 and 45 use WordPress' emoji replacement script, 47 correctly chooses to use the system emoji.