[Webkit-unassigned] [Bug 259081] New: `background-blend-mode` not applied for some background image sizes / repeat

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 10 16:23:02 PDT 2023


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

            Bug ID: 259081
           Summary: `background-blend-mode` not applied for some
                    background image sizes / repeat
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: iPhone / iPad
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: strarsis at gmail.com

`background-blend-mode` is not applied when the background image has a specific size relative to the DOM element.
This only occurs in iOS/iPad OS Safari.
Empirically, it appears that the background image size has to be smaller than 256 pixel on one side, 
the issue is sometimes also caused by repeating the background in the direction where the background image dimension is smaller than 256 pixels.

A variety of examples that use `background-blend-mode` which do work and do not work in iOS / iPad OS Safari:
https://codepen.io/strarsis/pen/poQWPOX

Minimal, reproducible sample:
https://codepen.io/strarsis/pen/ZEmXyxL

Feature (or rather bug) detection:
https://codepen.io/strarsis/pen/YzRrbaZ


MDN browser compat data issue:
https://github.com/mdn/browser-compat-data/issues/20308

-- 
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/20230710/06009b23/attachment-0001.htm>


More information about the webkit-unassigned mailing list