[Webkit-unassigned] [Bug 258007] New: Safari mix-blend-mode:color transition bug when page is longer than viewport

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jun 12 23:40:38 PDT 2023


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

            Bug ID: 258007
           Summary: Safari mix-blend-mode:color transition bug when page
                    is longer than viewport
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Compositing
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: marita.plafka at schalk-and-friends.de
                CC: simon.fraser at apple.com

Created attachment 466675

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

video capture of the described behavior and bug

While transitioning the opacity, Safari looses the mix-blend-mode:color look. 

This happens if the page content is longer than the viewport. 
This codepen shows the bug https://codepen.io/miashadowblue/pen/LYXVoMm. Either follow the description in the codepen or resize the window so that the module doesn't fit the viewport anymore. 
If the transitioning bug happened once, you have to reload the page for it to work again, even if the page content fits the viewport again.

Tested on MacOS Ventura 13.2.1 - Safari 16.3 and MacOS Ventura 13.4 - Safari 16.5.

-- 
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/20230613/cd1cebb3/attachment.htm>


More information about the webkit-unassigned mailing list