Skip to content

Added Firefox Flag for view transitions #27353

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Jul 28, 2025

Conversation

dletorey
Copy link
Contributor

Summary

  • Added Firefox Nightly support for:
    • :active-view-transition pseudo-class
    • Document.startViewTransition method
    • viewTranstions API

Test results and supporting details

Tested using this codepen in the following browsers:

  • Firefox 140.0.4 - behind flag
  • Firefox Beta 141.0 - behind flag
  • Firefox Developer 141.0b9 - behind flag
  • Firefox Nightly 142.0a1 - supported

Related issues

@github-actions github-actions bot added data:api Compat data for Web APIs. https://developer.mozilla.org/docs/Web/API data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:m [PR only] 25-100 LoC changed labels Jul 21, 2025
Copy link
Contributor

github-actions bot commented Jul 21, 2025

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

Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

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

I think this PR is not needed.
I mean, if it is available in Nightly without a flag, then just setting "preview" is all we need.

@dletorey
Copy link
Contributor Author

I think this PR is not needed. I mean, if it is available in Nightly without a flag, then just setting "preview" is all we need.

The flag however is needed for Beta & Developer…

@Elchi3
Copy link
Member

Elchi3 commented Jul 24, 2025

I see. Well, this structure would do the trick:

"firefox": [
  {
    "version_added": "preview"
  },
  {
    "version_added": "140",
    "flags": [
      {
        "type": "preference",
        "name": "dom.viewTransitions.enabled",
        "value_to_set": "true"
      }
    ]
  }
],

@github-actions github-actions bot added size:l [PR only] 101-1000 LoC changed and removed size:m [PR only] 25-100 LoC changed labels Jul 28, 2025
@dletorey dletorey requested a review from Elchi3 July 28, 2025 11:35
Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

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

Nice, thank you, Dave! 👍

@Elchi3 Elchi3 merged commit 323c7b4 into mdn:main Jul 28, 2025
6 checks passed
@dletorey dletorey deleted the 40029-active-view-transition branch July 28, 2025 13:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:api Compat data for Web APIs. https://developer.mozilla.org/docs/Web/API data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:l [PR only] 101-1000 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants