<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Ellipsis box is not considered for background clip"
   href="https://bugs.webkit.org/show_bug.cgi?id=167406#c2">Comment # 2</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Ellipsis box is not considered for background clip"
   href="https://bugs.webkit.org/show_bug.cgi?id=167406">bug 167406</a>
              from <span class="vcard"><a class="email" href="mailto:mwang&#64;opentv.com" title="Mark Wang &lt;mwang&#64;opentv.com&gt;"> <span class="fn">Mark Wang</span></a>
</span></b>
        <pre>The below is to reproduce this issue. 


&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;body style='font-size: 80px; background-color: black; color: white; '&gt;

        &lt;div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;'&gt;
            Ellipsis
        &lt;/div&gt;

        &lt;div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: blue;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;'&gt;
            Ellipsis
        &lt;/div&gt;

        &lt;div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: rgba(255,0,0,0.5);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;'&gt;
            Ellipsis
        &lt;/div&gt;

        &lt;div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
            -webkit-background-clip: text;
            color: rgba(255,255,255,0.2);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;'&gt;
            Ellipsis
        &lt;/div&gt;

    &lt;/body&gt;
&lt;/html&gt;</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>