259081 2023-07-10 16:23:02 -0700 `background-blend-mode` not applied for some background image sizes / repeat 2024-12-14 08:00:48 -0800 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build iPhone / iPad Unspecified NEW InRadar P2 Normal --- 1 strarsis webkit-unassigned bfulgham chriskirknielsen+wkbugs jjones1000 paco simon.fraser webkit-bug-importer zalan oldest_to_newest 1966071 0 strarsis 2023-07-10 16:23:02 -0700 `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 1967130 1 webkit-bug-importer 2023-07-17 16:23:17 -0700 <rdar://problem/112435175> 2081792 2 chriskirknielsen+wkbugs 2024-12-14 08:00:48 -0800 I have run into this issue as well, and had to reduce the background size to have the blend mode take effect.