1292389 - Wrong text color for single symbols

Status: UNCONFIRMED

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

Description

[Marc]

Attachment: index.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160726073904

Steps to reproduce:

Open attached html


Actual results:

The text "

Comment 1

[Marc]

The input form cut all the description I entered.


Actual results:

The text "Test" is rendered white. The lock symbol gray.

Expected result:

All text is rendered white like in IE or Edge.


Perhaps it's related to bug 1054780

Comment 2

[Loic]

Attachment: screenshot-FF48-51.jpg

It's white for me with FF48 on Win 7x64, and a colored padlock with FF51.

Comment 3

[Jonathan Kew [:jfkthame]]

By default, the padlock symbol (U+1F512) is rendered with a color emoji font if available (but Win7 didn't have one, so the issue doesn't arise there); and color fonts are rendered using their own inherent colors, not the (single) text color from CSS. So AFAICS this is behaving as expected.

To reliably color the padlock symbol (or any of the multitude of symbols that default to "emoji-style" colored rendering) with CSS, like "normal" text, you'd need to explicitly style it to use a monochrome font that supports the relevant codepoint.

(In theory, the variation selectors U+FE0E and U+FE0F can be used to request "text-style" vs "emoji-style" rendering of such symbols. However, this is still dependent on support in the available fonts, so in many cases it may not actually make any difference.)