1266407 - -webkit-text-fill-color should not apply to the glyph border

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[(no longer active)]

This bug is visible on Nightly on <http://www.bloomberg.com/news/features/2016-04-21/the-2-trillion-project-to-get-saudi-arabia-s-economy-off-oil>.  We paint the entire text of the title as white, making it invisible, but Chrome only used -webkit-text-fill-color to fill in the text, and the border around the glyphs remains visible, painted using the color specified in the CSS color property.

Comment 1

[Mike Taylor [:miketaylr]]

I see they also have -webkit-text-stroke: 0.09375rem #FA1E64; set on .feature-article .lede-headline, which is being implemented in Bug 1248708. Once we have that, this should look the same as in Chrome I think.

(see also https://bugzilla.mozilla.org/show_bug.cgi?id=1248644#c9)

Comment 2

[Mike Taylor [:miketaylr]]

I think we can probably dupe this against Bug 1248644, since they're both about Bloomberg.com headlines not behaving as expected (and both require having -webkit-text-fill-color *and* -webkit-text-stroke).

Comment 3

[Mike Taylor [:miketaylr]]

I think maybe I closed this too fast. Let's set Bug 1248708 as a blocker and verify against this URL once that lands to be sure.

Comment 4

[Jeremy Chen ([e-mail])]

Via bug 1248708 for -webkit-text-stroke, I can confirm that this is FIXED in latest Nightly since webkit-text-fill-color respects webkit-text-stroke now.

Combined with bug 1269971, the page can be rendered in a more compatible way in comparison w/ Chrome. See bug 1248644 for details.