Created attachment 280184 [details] Image of incorrect vs. correct render. background-blend-mode doesn't work properly in Safari/Firefox as it does on Chrome. Firefox has fixed this in Nightly, but WebKit is still incorrect in Safari. Here is the jsfiddle file for comparison. https://jsfiddle.net/alecazam/xhsg4wm6/ There should be a visible gradient in this with a hard edge about 1/3 of the way from the left side.
<rdar://problem/28213519>
Chrome Canary 108 render this similar to Safari 16 now and does not show "solid" left side while Firefox Nightly 107 do render similar to the above but it ha weird artificet horizontal lines (might be Nightly bug with macOS 12.6 or some other issue). Can someone confirm new expected behavior now that Chrome Canary 108 is similar to Safari 16 and STP 154? Thanks!