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

Description silverwind 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.
Comment 1 silverwind 2024-05-13 09:02:48 PDT 
Created attachment 471389 [details]
Firefox rendering
Comment 2 silverwind 2024-05-13 09:04:24 PDT 
Created attachment 471390 [details]
Firefox rendering
Comment 3 Karl Dubost 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.
Comment 4 Radar WebKit Bug Importer 2024-05-13 18:53:45 PDT 
<rdar://problem/128036378>
Comment 5 Ahmad Saleem 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).
Comment 6 Ahmad Saleem 2024-05-14 14:37:59 PDT 
*closer to Firefox.

Typo..