css.at-rules.media.color-gamut - Is not supported by Firefox

[jay-ouellette]

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

developer.mozilla.org claims that the color-gamut media query is supported by Firefox; this is false.

Proof:

const p3 = window.matchMedia('(color-gamut: p3)')
console.log(`(color-gamut: p3) = ${p3.matches}`)

This produces the correct output on Chrome and Safari but Firefox always reports false for p3, even if the display supports p3.

See Bug 1847503

What browsers does this problem apply to, if applicable?

Firefox

What did you expect to see?

media query (color-gamut: p3) should be true if the display supports DCI-P3

Did you test this? If so, how?

const p3 = window.matchMedia('(color-gamut: p3)')
console.log(`(color-gamut: p3) = ${p3.matches}`)

This produces true on Safari and Chrome when the display supports P3, but its always false on Firefox.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://bugzilla.mozilla.org/show_bug.cgi?id=1847503

Do you have anything more you want to share?

Media query (color-gamut: rec2020) doesn't seem to work on any web browser I've tested. Maybe color-gamut media query should be reported as broken on all web browsers until rec2020 has been confirmed to work?

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/color-gamut

MDN metadata

MDN page report details

• Query: css.at-rules.media.color-gamut
• Report started: 2023-12-02T16:07:46.650Z