[Webkit-unassigned] [Bug 221537] New: Either Implement CSS mask-composite: intersect or make it not completely hide content

[bugzilla-daemon at webkit.org]

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

            Bug ID: 221537
           Summary: Either Implement CSS mask-composite: intersect or make
                    it not completely hide content
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: macOS 11
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jab_creations at yahoo.com

Created attachment 419555

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

Browser is latest Waterfox 56 ("Classic")

Recently I was debugging an unrelated problem and discovered that WebKit wasn't rendering -webkit-mask-composite: intersect; or mask-composite: intersect;. The images on the front page of a https://www.oilsinharmony.com/ and the related item pages simply would not be displayed (I will try to address this somehow so I'll post the original code).

img[src^="images/shop/"]
{
 mask: linear-gradient(to top, transparent 10%, #fff 15%, #fff 90%, transparent 95%), linear-gradient(to left , transparent 10%, #fff 15%, #fff 90%, transparent 95%);  mask-composite: intersect;
 -webkit-mask-composite: source-in;
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 110% 110%;
}

It works fine in all of the other browsers except Otter which is also WebKit based. The primary problem is that if the property/value pair isn't directly supported I'd imagine it'd be more appropriate to have no effect however CSS masks are not (at least currently) a strong point for me.

I've attached a screenshot of what it's supposed to look like. Tested in latest stable build of Safari 14.0 and Safari 14.1 Release 119.

-- 
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/20210208/07c23170/attachment.htm>