Skip to content

Added Firefox Flag for view transitions#27353

Merged
Elchi3 merged 14 commits into
mdn:mainfrom
dletorey:40029-active-view-transition
Jul 28, 2025
Merged

Added Firefox Flag for view transitions#27353
Elchi3 merged 14 commits into
mdn:mainfrom
dletorey:40029-active-view-transition

Conversation

@dletorey

Copy link
Copy Markdown
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
@github-actions

github-actions Bot commented Jul 21, 2025

Copy link
Copy Markdown
Contributor

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

@Elchi3 Elchi3 left a comment

Copy link
Copy Markdown
Member

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
Copy Markdown
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

Elchi3 commented Jul 24, 2025

Copy link
Copy Markdown
Member

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

@Elchi3 Elchi3 left a comment

Copy link
Copy Markdown
Member

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
@martrapp

martrapp commented Aug 22, 2025

Copy link
Copy Markdown
Contributor

Hi @dletorey 👋🏼

As far as I can tell, Firefox Nightly currently (tested for 143 and 144) only supports Level 1 of the View Transition API plus view-transition-class and view-transition-name: match-element, but not the options object for document.startViewTransition() (see #27594).

Edit: TIL :active-view-transition is also supported, thank you for pointing out!

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.

4 participants