Bug 274092 - CSS color-mix: Color spaces display-p3, a98-rgb, prophoto-rgb and rec2020 don't work
Summary: CSS color-mix: Color spaces display-p3, a98-rgb, prophoto-rgb and rec2020 don...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: Mac (Apple Silicon) macOS 14
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/silverwind/abmr6...
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2024-05-13 09:02 PDT by silverwind
Modified: 2024-05-14 14:37 PDT (History)
6 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
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..