If you thought we were done with View Transitions, guess again! A feature Chrome is working on – while collaborating with the CSS Working Group – is “Scoped View Transitions”, which allow you to scope a View Transition to a subtree of the DOM.
With Scoped View Transitions you can start a View Transition on a subtree of the DOM by calling .startViewTransition() on any element. Scoped View Transitions unlock things like concurrent transitions (!) and prevent layering issues (!!).
In the recording above you can see how document-scoped and element-scoped transitions behave. When using the latter, the blue dot in the demo remains clipped by the scope + the popover remains visible on top of the scope + the rest of the DOM remains interactive.
You can try out Scoped View Transitions in Chrome 140+ with experimental web platform features. We are actively looking for feedback on this one.
Find all info (and a list of known issues) in Ready for Developer Testing: Scoped View Transitions →
Leave a comment