1366598 - heart emoji doesn't show up

Status: NEW

(Core :: Graphics: Text, defect, P3)

Description

[Oriol Brufau [:Oriol]]

Attachment: testcase.htm

Lead attached testcase. You will see a blank page but there should be a heart emoji. Works on Chrome and Edge.

This problem affects github, the heart reaction to comments is not visible.

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

The character sequence is:

❤	U+2764	HEAVY BLACK HEART
️	U+FE0F	VARIATION SELECTOR-16


It works for me.  If you go to the fonts panel in devtools, what fonts does it say are used?

Comment 2

[Oriol Brufau [:Oriol]]

It says "Segoe UI Emoji" and "Times New Roman".
Note that the emoji is shown if I add surrounding text, then heart overlaps the text. It seems that when there is no text, the heart ends up totally clipped.

Comment 3

[Oriol Brufau [:Oriol]]

Attachment: screenshot.png

This is a comparison between U+2764 U+FE0E and U+2764 U+FE0F when they are alone, preceded, followed or surrounded by dots.

Comment 4

[Jonathan Kew [:jfkthame]]

For me, the red heart shows up as expected (in both FF53 and Nightly 55), but it has zero advance width (and so it will overlap surrounding text). But that appears to be a font problem rather than a Firefox bug; the same happens in MS Edge.

Comment 5

[Terrell Kelley]

If it's a bug in the font that comes with Windows, it might be worth working around until that's fixed. Even if that involves falling back to the built in emoji font.

Comment 6

[Oriol Brufau [:Oriol]]

This is fixed in Windows 10 1709, but the problem remains for Windows 10 1703.