Bug 158236 - CSS background-blend-mode and color-dodge don't render correctly
Summary: CSS background-blend-mode and color-dodge don't render correctly
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/alecazam/xhsg4wm6/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-05-31 14:46 PDT by Alec Miller
Modified: 2024-01-22 15:20 PST (History)
11 users (show)

See Also:


Attachments
Image of incorrect vs. correct render. (188.87 KB, image/png)
2016-05-31 14:46 PDT, Alec Miller
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alec Miller 2016-05-31 14:46:38 PDT
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.
Comment 1 Alexey Proskuryakov 2016-09-08 13:57:00 PDT
<rdar://problem/28213519>
Comment 2 Ahmad Saleem 2022-09-30 15:26:59 PDT
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!