[Webkit-unassigned] [Bug 213220] New: Background-clip + linear-gradient are buggy applied on long inline element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 213220
           Summary: Background-clip + linear-gradient are buggy applied on
                    long inline element
           Product: WebKit
           Version: Safari 13
          Hardware: iPhone / iPad
                OS: iOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: account at kloh.ch

Created attachment 401946

  --> https://bugs.webkit.org/attachment.cgi?id=401946&action=review

Demo on Codepen

Hello,

I was trying to make some links fancy with a linear-gradient applied on text thanks to background-clip:text and color:transparent.
It fits well until the link become too long so it returns to the next line. When the case happens, text is like cropped in a weird way.

I made a codepen to demonstrate: https://codepen.io/kloh/pen/RwrGprV

Tested on an iPhone 11.

-- 
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/20200615/35aece42/attachment.htm>