Ready for Developer Testing: Scoped view transitions

[Steve Kobes]

Contact emails

sko...@chromium.org, kev...@chromium.org

Explainer

https://github.com/WICG/view-transitions/blob/main/scoped-transitions.md

Specification

Coming soon

Design docs

https://github.com/WICG/view-transitions/blob/main/scoped-transitions.md

Summary

Exposes element.startViewTransition() on arbitrary HTML elements. The element establishes a scope for the transition, which means that the transition pseudo-elements are affected by ancestor clips and transforms, and multiple transitions on separate elements can run concurrently.

Blink component

Blink>CSS

TAG review

Pending spec

TAG review status

Pending spec

Risks

Interoperability and Compatibility

None

Gecko: No signal

WebKit: No signal

Web developers: No signals

Other signals: N/A

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Goals for experimentation

https://github.com/WICG/view-transitions/blob/main/scoped-transitions.md#feedback-wanted

Ongoing technical constraints

None

Debuggability

Chrome DevTools supports pausing and scrubbing transition animations and inspection of transition pseudo-elements.

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes

DevTrial instructions

https://github.com/WICG/view-transitions/blob/main/scoped-transitions.md#how-to-use

Flag name on about://flags

enable-experimental-web-platform-features

Finch feature name

ScopedViewTransitions

Requires code in //chrome?

No

Tracking bug

https://issues.chromium.org/issues/394052227

Estimated milestones

DevTrial on desktop	140
DevTrial on Android	140

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5109852273377280

Links to previous Intent discussions

Intent to Prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/67abaada.2b0a0220.1b0c0.01f4.GAE%40google.com

This intent message was generated by Chrome Platform Status.