1867366 - color-gamut P3 media query incorrectly returns false

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[chris]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:122.0) Gecko/20100101 Firefox/122.0

Steps to reproduce:

On a wide gamut laptop, used the color-gamut: p3 media query
https://drafts.csswg.org/mediaqueries-5/#color-gamut

Actual results:

Result was false

Expected results:

Result should be true.

This media query is implemented in Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=1422237

Result is true in Chrome on the same laptop.

This is a Dell XPS 9720 laptop with the Sharp T3MW9-LQ170R1 panel. Notebook check found it has a 92.9% Display P3 coverage
https://www.notebookcheck.net/Dell-XPS-17-9720-RTX-3060-laptop-review-50-percent-faster-processor-than-before.622992.0.html

Here is a chromaticity diagram I made that shows the sRGB and Display-P3 gamuts (smaller and larger dashed triangles) plus this display (solid triangle). The red is about the same as P3, slightly better; the blue is significantly better and the green is higher chroma than P3 green but slightly bluer compared to the yellower P3 green, which is why it does not have 100% P3 coverage.

https://svgees.us/Color/img/UCS-Sharp-T3MW9-LQ170R1.svg

The display was calibrated with an X-Rite I1Pro2 spectrophotometer and DisplayCal software, to produce the ICC profile that the display uses.

Comment 1

[chris]

cc
Florian Rivoal [e-mail]
Emilio [e-mail]

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[David Shin[:dshin]]

Attachment: Minimum Reproducible Case

Reproducible on MacBook Pro with P3 color profile set, with the attached testcase.
Expected Result: Small div is green
Actual Result: Small div is red

Can confirm expected result on Chrome Canary 122 and Safari Technology Preview 183.