<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - -webkit-text-fill-color has weird interaction with text-decoration-color"
   href="https://bugs.webkit.org/show_bug.cgi?id=193028">193028</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>-webkit-text-fill-color has weird interaction with text-decoration-color
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>WebKit Nightly Build
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Unspecified
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>Unspecified
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>CSS
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>xidorn-webkit@upsuper.org
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=358053" name="attach_358053" title="testcase">attachment 358053</a> <a href="attachment.cgi?id=358053&action=edit" title="testcase">[details]</a></span>
testcase

Steps to reproduce the problem:
Open this file.

What is the expected behavior?
The underline should be green rather than yellow as the same color of the text.

What went wrong?
The underline is also yellow.


Firefox has the right behavior, but got a bug report for this behavior: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1514467">https://bugzilla.mozilla.org/show_bug.cgi?id=1514467</a>

Blink has the same behavior as WebKit.

It can be seen that the resolved value of text-decoration-color of the element returned from gCS is (correctly) green, however, it's ignored by rendering.

However, if I explicitly add text-decoration-color declaration to the style attribute, the resolve value keeps the same but the rendering is correct.

This behavior doesn't conform to the spec, and it doesn't make much sense to me.</pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>