Bug 274092

Summary: CSS color-mix: Color spaces display-p3, a98-rgb, prophoto-rgb and rec2020 don't work
Product: WebKit Reporter: silverwind <webkit>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, heycam, karlcow, m_dubet, sam, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
URL: https://jsfiddle.net/silverwind/abmr64Lj/
Attachments:
Description Flags
Safari rendering
none
Firefox rendering
none
Firefox rendering none

silverwind
Reported 2024-05-13 09:02:25 PDT
Created attachment 471388 [details] Safari rendering 1. Open https://jsfiddle.net/silverwind/abmr64Lj/ 2. Compare rendering with Firefox which renders all color-mix operations correctly Same exact bug is also observed in Chrome 124. Works correctly in Firefox.
Attachments
Safari rendering (59.78 KB, image/png)
2024-05-13 09:02 PDT, silverwind 		no flags
Details
Firefox rendering (59.51 KB, image/png)
2024-05-13 09:02 PDT, silverwind 		no flags
Details
Firefox rendering (62.43 KB, image/png)
2024-05-13 09:04 PDT, silverwind 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
silverwind
Comment 1 2024-05-13 09:02:48 PDT
Created attachment 471389 [details] Firefox rendering
silverwind
Comment 2 2024-05-13 09:04:24 PDT
Created attachment 471390 [details] Firefox rendering
Karl Dubost
Comment 3 2024-05-13 16:06:56 PDT
@silverwind Thanks a lot. that would be nice to add the testcase as an attachment, so it's not lost once/if jsfiddle disappears one day.
Radar WebKit Bug Importer
Comment 4 2024-05-13 18:53:45 PDT
<rdar://problem/128036378>
Ahmad Saleem
Comment 5 2024-05-14 04:03:48 PDT
@Silverwind - can you try with Safari Technology Preview 194, in my case, it is closer to Safari (or matching it).
Ahmad Saleem
Comment 6 2024-05-14 14:37:59 PDT
*closer to Firefox. Typo..
Note You need to log in before you can comment on or make changes to this bug.