[Webkit-unassigned] [Bug 189152] New: Text Gradient Issue with tag inside it

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Aug 30 06:48:44 PDT 2018


https://bugs.webkit.org/show_bug.cgi?id=189152

            Bug ID: 189152
           Summary: Text Gradient Issue with tag inside it
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: me at aaron.im

If you code like this <h1>Discover <span>Something</span></h1> with span tag inside it then text gradient won't appear in Safari but does appear fine in Chrome and Firefox.

If you do like this <h1>Discover Something</h1> without span tag then it does work properly. I don't think Safari liked tags inside the tag. Nasty bug. It works on other browsers like Chrome and Safari.

h1 {
background: -webkit-linear-gradient(45deg, $gold 20%, #00ff95);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180830/f30f4cba/attachment-0001.html>


More information about the webkit-unassigned mailing list