[css-view-transitions-2] View transitions on an infinite scroller with continuous scrolling.

[khushalsagar]

One of the use-cases where authors could use View Transitions is adding items to an infinite scroller. You could have a simple fade or a staggering animation as new elements get added to the list. There's a few issues which will need to be solved for this to work though:

• The browser freezes the whole Document during capture and skips hit-testing DOM elements while they're being painted elsewhere. This means you can't interact with the DOM or scroll it. Scoped transitions should help with this but its unclear how the transition would need to be setup so an ongoing scroll is not interrupted.
• Re-targeting animations since the final position of tagged list items will change while the user is actively scrolling.

Not an immediate concern but filing an issue so we remember to evaluate this in the design for scoped transitions.

[nickcoury]

+1 to this use case. It's especially relevant when skeleton loaders are initially shown, the user is scrolling, and additional content is added asynchronously while the user is actively scrolling.

Scoped transitions seem like the right solution here, as long as they can be anchored to the scrollable surfaces and not the viewport.

I'm not familiar with the implementation logistics of scoped transitions, but I would imagine this should work similar to traditional FLIP web animations where the previous state is snapshotted, the updated state is rendered, then the animations computed. Ideally they're just composited layers but that can't be guaranteed with the customizations allowed by the VT API.