[csswg-drafts] [css-2025][mediaqueries-5] Add features from Media Queries 5 to pre-CR Exceptions (#12754)

SebastianZ has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-2025][mediaqueries-5] Add features from Media Queries 5 to pre-CR Exceptions ==
In https://github.com/w3c/csswg-drafts/issues/12712#issuecomment-3249780470 it was decided to _not_ add the whole [Media Queries 5](https://drafts.csswg.org/mediaqueries-5/) spec. to Rough Interop, though there are several features it that are in a pretty good shape.
So I suggest to add them to the Safe to Release pre-CR Exceptions section of the CSS Snapshot 2025.

Those features are:

# [`display-mode` media feature](https://drafts.csswg.org/mediaqueries-5/#display-modes)

* [implemented in all major browsers since 2020](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode)
* [WPT](https://wpt.fyi/results/css/mediaqueries/display-mode.html?label=experimental&label=master&aligned): passing tests: Chrome: 17, Edge: 17, Firefox: 16, Safari: 16; interop: 16 / 17 (94.1%)
* Open issues: [on GitHub](https://github.com/w3c/csswg-drafts/issues?q=is%3Aopen+is%3Aissue+label%3Amediaqueries-5+"display-mode"): 0, [in spec.](https://drafts.csswg.org/mediaqueries-5/#issues-index): 0

# [`dynamic-range` media feature](https://drafts.csswg.org/mediaqueries-5/#dynamic-range)

* [implemented in all major browsers since 2022](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/dynamic-range)
* [WPT](https://wpt.fyi/results/css/mediaqueries/dynamic-range.html?label=experimental&label=master&aligned): passing tests: Chrome: 21, Edge: 21, Firefox: 23, Safari: 18; [interop](https://wpt.fyi/results/css/mediaqueries/dynamic-range.html?label=master&label=experimental&aligned&q=all(status%3Apass)): 17 / 23 (73.9%)
* Open issues: [on GitHub](https://github.com/w3c/csswg-drafts/issues?q=is%3Aopen+is%3Aissue+label%3Amediaqueries-5+"dynamic-range"): 0, [in spec.](https://drafts.csswg.org/mediaqueries-5/#issues-index): 0

# [`scripting` media feature](https://drafts.csswg.org/mediaqueries-5/#scripting)

* [implemented in all major browsers since 2023](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/scripting)
* WPT ([print noscript](https://wpt.fyi/results/css/mediaqueries/scripting-print-noscript.html), [print](https://wpt.fyi/results/css/mediaqueries/scripting-print-script.html), [general](https://wpt.fyi/results/css/mediaqueries/scripting.html)): passing tests: Chrome: 14, Edge: 14, Firefox: 14, Safari: 14; interop: 14 / 14 (100%)
* Open issues: [on GitHub](https://github.com/w3c/csswg-drafts/issues?q=is%3Aopen+is%3Aissue+label%3Amediaqueries-5+"scripting"): 1, [in spec.](https://drafts.csswg.org/mediaqueries-5/#issues-index): 0

# [`prefers-reduced-motion` media feature](https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion)

* [implemented in all major browsers since 2020](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion)
* [WPT](https://wpt.fyi/results/css/mediaqueries/prefers-reduced-motion.html?label=experimental&label=master&aligned): passing tests: Chrome: 16, Edge: 16, Firefox: 16, Safari: 16; [interop](https://wpt.fyi/results/css/mediaqueries/prefers-reduced-motion.html?label=master&label=experimental&aligned&q=all(status%3Apass)): 16 / 16 (100%)
* Open issues: [on GitHub](https://github.com/w3c/csswg-drafts/issues?q=is%3Aopen+is%3Aissue+label%3Amediaqueries-5+"prefers-reduced-motion"): 1, [in spec.](https://drafts.csswg.org/mediaqueries-5/#issues-index): 0

The media features `prefers-reduced-transparency`, `prefers-contrast`, `forced-colors`, and `prefers-color-scheme` are also candidates, though I didn't collect data for them yet.

Sebastian



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12754 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 8 September 2025 23:10:16 UTC