2001878 - Implement view-transition types.

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, enhancement)

Description

[Emilio Cobos Álvarez [:emilio]]

This is specially useful for cross-doc transitions but can also be used for same-doc and is somewhat straight-forward to implement.

Comment 1

[Emilio Cobos Álvarez [:emilio]]

Attachment: Bug 2001878 - Implement :active-view-transition-type and co. r=#style,#vt,#webidl!

The test change is needed to avoid ERROR status due to the previous
transition getting skipped when starting a new one.

The rest is somewhat straight-forward.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/b7f6d2d17049
https://hg.mozilla.org/integration/autoland/rev/33438771ed7c
Implement :active-view-transition-type and co. r=firefox-style-system-reviewers,view-transitions-reviewers,webidl,smaug,boris

Comment 3

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/56279 for changes under testing/web-platform/tests

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/42c61dc9b52d
https://hg.mozilla.org/integration/autoland/rev/3dde43a431d2
Revert "Bug 2001878 - Implement :active-view-transition-type and co. r=firefox-style-system-reviewers,view-transitions-reviewers,webidl,smaug,boris" for causing wpt failures @ view-transition-types-mutable-no-document-element-crashtest.html

Comment 5

[amarc]

Backed out for causing wpt failures

• Backout link
• Push with failures
• Failure Log

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/bc7603ab3124
https://hg.mozilla.org/integration/autoland/rev/cd1d896be1d4
Implement :active-view-transition-type and co. r=firefox-style-system-reviewers,view-transitions-reviewers,webidl,smaug,boris

Comment 7

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/cd1d896be1d4

Comment 8

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot

Comment 9

[Donal Meehan [:dmeehan]]

:emilio do you want to nominate this for a release note?

Comment 10

[Emilio Cobos Álvarez [:emilio]]

Release Note Request (optional, but appreciated)
[Why is this notable]: Extension to the view transitions API.
[Affects Firefox for Android]: Yes
[Suggested wording]: Firefox now supports the :active-view-transition-type selector and associated view transitions API changes.
[Links (documentation, blog post, etc)]: https://developer.mozilla.org/en-US/docs/Web/API/Document/startViewTransition#types

Comment 11

[Donal Meehan [:dmeehan]]

Thanks, added to the Fx147 nightly release notes, please allow 30 minutes for the site to update.

Comment 12

[Chris Mills [:cmills]]

Hi Emilio!

I already documented view transition types a little while ago (https://github.com/mdn/content/pull/42187, currently in review), and I'm looking to update the compat data to add in the Fx support. Can I just ask you to clarify the exact nature of the Fx support?

When I documented VTTs, I made sure docs were in place for:

• Document.startViewTransition(), the types option object property.
• The :active-view-transition-type() pseudo
• The :active-view-transition pseudo
• @view-transition, the types descriptor
• The CSSViewTransitionRule CSSOM interface
• The ViewTransition.types property
• ViewTransitionTypeSet

I also published some examples at https://mdn.github.io/dom-examples/view-transitions/#view-transition-types-examples

From testing the examples in Firefox, it looks like the functionality is fully supported for SPAs, but MPA/cross-document view transitions are not supported yet. So basically, I should set the data for all of the above features to say they are supported in Nighty (147) for now, except for @view-transition and CSSViewTransitionRule. Does that make sense to you?

Comment 13

[Emilio Cobos Álvarez [:emilio]]

That's right, cross-doc view transitions are tracked in bug 1860854 .

Comment 14

[Chris Mills [:cmills]]

Documentation for VTT has now been merged, and we are just waiting for the BCD updates to be reviewed, so I am setting this to DDC.

See https://github.com/mdn/content/issues/42258 for PR links.