Skip to content

Firefox 150 ships media pseudo-classes#29222

Merged
caugner merged 10 commits intomdn:mainfrom
dletorey:43210-media-pseudo-classes
Mar 17, 2026
Merged

Firefox 150 ships media pseudo-classes#29222
caugner merged 10 commits intomdn:mainfrom
dletorey:43210-media-pseudo-classes

Conversation

@dletorey
Copy link
Copy Markdown
Contributor

@dletorey dletorey commented Mar 10, 2026

Summary

  • Added firefox support for the following media based pseudo-classes:
    • :buffering
    • :muted
    • :paused
    • :playing
    • :seeking
    • :stalled
    • :volume-locked

:volume-locked parses but has no effect on Firefox as it is an OS level setting, but the WPT says it passes

Test results and supporting details

  • This code pen passes in:
    • Firefox Nightly 150.0a1 (2026-03-09)
    • Safari 26.2
    • With Flag dom.media.pseudo-classes.enabled:
      • Firefox Developer Edition 149.0b6 (aarch64)
      • Firefox Beta 149.0b6 (aarch64)
  • And Fails in:
    • Firefox 148.0 (aarch64)
    • Chrome Canary 147.0.7725.0
    • Edge Canary 147.0.3906.0
    • Opera 128.0.5807.52

Related issues

@github-actions github-actions bot added the data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Mar 10, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 10, 2026

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

@github-actions github-actions bot added the size:m [PR only] 25-100 LoC changed label Mar 10, 2026
@caugner caugner changed the title added ff support for media based pseudo-classes Firefox 149 adds media pseudo-classes behind pref Mar 13, 2026
Copy link
Copy Markdown
Contributor

@caugner caugner left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to https://bugzilla.mozilla.org/show_bug.cgi?id=2020775, this ships in Firefox 150.

@dletorey dletorey requested a review from caugner March 16, 2026 11:19
dletorey and others added 2 commits March 16, 2026 12:01
Co-authored-by: Claas Augner <495429+caugner@users.noreply.github.com>
@github-actions github-actions bot added size:s [PR only] 7-24 LoC changed and removed size:m [PR only] 25-100 LoC changed labels Mar 16, 2026
@dletorey dletorey requested a review from caugner March 16, 2026 12:11
@caugner caugner changed the title Firefox 149 adds media pseudo-classes behind pref Firefox 150 ships media pseudo-classes Mar 17, 2026
@caugner caugner merged commit f714d02 into mdn:main Mar 17, 2026
9 checks passed
@dletorey dletorey deleted the 43210-media-pseudo-classes branch March 18, 2026 11:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:s [PR only] 7-24 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants