WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
259081
`background-blend-mode` not applied for some background image sizes / repeat
https://bugs.webkit.org/show_bug.cgi?id=259081
Summary
`background-blend-mode` not applied for some background image sizes / repeat
strarsis
Reported
2023-07-10 16:23:02 PDT
`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
Attachments
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2023-07-17 16:23:17 PDT
<
rdar://problem/112435175
>
Christopher Kirk-Nielsen
Comment 2
2024-12-14 08:00:48 PST
I have run into this issue as well, and had to reduce the background size to have the blend mode take effect.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug