1514467 - -webkit-text-fill-color doesn't affect color of text-decoration

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Siemens]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.113 Safari/537.36 Vivaldi/2.1.1337.51

Steps to reproduce:

Markup:
<span><a href="https://bugzilla.mozilla.org">Some link</a></span>

CSS:
span { -webkit-text-fill-color: red; }


Actual results:

"Some link" text turns red, text-decoration stays blue.


Expected results:

Link text and its text-decoration should be red as WebKit does.

Comment 1

[Damira Akh]

Reproducible

Comment 2

[Xidorn Quan [:xidorn] UTC+11]

I tend to call this a bug of WebKit and Blink. Their behavior doesn't really make sense to me...

If we for example have the following test case:
<div style="text-decoration: underline; color: blue; -webkit-text-fill-color: red;">test</div>

The underline is red, however the resolved value of text-decoration-color of this element is blue. If I add "text-decoration-color: green" to the style, then the resolved value and the rendering matches, both are green.

Spec-wise, text-decoration-color has initial value "currentcolor" which means using the value from color property, so their resolved value is correct. And based on CSSOM spec, resolved value of text-decoration-color is the used value, which is what should be used in rendering.

So their not using the used value they figured out seems to be an issue of them. I think bugs should be reported against them, and we probably should have a web-platform test for that if there isn't any already.

Comment 3

[Xidorn Quan [:xidorn] UTC+11]

Filed issues to Blink and WebKit:
https://bugs.chromium.org/p/chromium/issues/detail?id=917748
https://bugs.webkit.org/show_bug.cgi?id=193028

I'm going to close this as INVALID.