[Webkit-unassigned] [Bug 246590] New: CSS - Multiple backgrounds with "background-blend-mode: difference" breaks

[bugzilla-daemon at webkit.org]

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

            Bug ID: 246590
           Summary: CSS - Multiple backgrounds with
                    "background-blend-mode: difference" breaks
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: brfrog7 at proton.me
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 463015

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

Screenshot showing lines instead of checkerboard

Steps to reproduce:

*(ios16+) Go to: https://codepen.io/jokeyrhyme/pen/OVVzem

Expected result:

*Result should display a checkerboard pattern

Actual result:

*In the codepen result, only one background is displayed, rendering lines only. See screenshot from ios 16


Additional info:

This displays as a checkerboard in Firefox, Chrome and on iOS 15.7 but appears broken in iOS 16 so I would consider it a regression bug.
Don't know if/how it may affect other areas of using multiple backgrounds using "linear-gradient" and "background-blend-mode: difference"

-- 
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/20221016/c5fa2e2c/attachment.htm>