Closed Bug 1656363 Opened 3 years ago Closed 1 year ago

Enable the `prefers-contrast` media query


(Core :: CSS Parsing and Computation, task)




101 Branch
Tracking Status
relnote-firefox --- 101+
firefox101 --- fixed


(Reporter: zekemedley, Assigned: emilio)


(Blocks 2 open bugs)


(Keywords: dev-doc-complete)


(1 file)

Bug 1506364 implemented the prefers-contrast media query behind the layout.css.prefers-contrast.enabled preference. Once the spec has been finalized and our implementation matches it we can begin to enable it by default.

A summary of where the spec is at as of July 30, 2020 can be found here. We currently implement "Spec 1" from the linked discussion.

Depends on: 1658780
Depends on: 1658796
Blocks: hcm
Depends on: 1694864
Depends on: 1737438
Assignee: nobody → emilio
Flags: needinfo?(emilio)
Flags: needinfo?(emilio)
No longer depends on: 1658796, 1737438
Depends on: 1762018
Depends on: 1506364
Pushed by
Implement prefers-contrast: custom and let prefers-contrast ride the trains. r=morgan
Pushed by
Update test_media_queries to reflect the spec.
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → 101 Branch

Release Note Request (optional, but appreciated)
[Why is this notable]: We're introducing a new media query 🎉 this was previously only enabled by default in nightly.
[Affects Firefox for Android]: yes
[Suggested wording]: Firefox now supports the prefers-contrast media query.
[Links (documentation, blog post, etc)]: MDN page, though I think it might be a bit out of date:

:emilio anything else you think we should include here?

relnote-firefox: --- → ?
Flags: needinfo?(emilio)

No, looks good, I need to send an intent to ship.

Flags: needinfo?(emilio)

Added to the Fx101 beta relnotes.

Hello all, the documentation, BCD table, and release notes have been updated for this feature. The doc issue tracking the updates can be found here:

You need to log in before you can comment on or make changes to this bug.