Skip to content

Last updated: First published:

The Bag's Bag-Log

A place to add potential topics for the future when time permits to address them. Everybody is invited to suggest additional items for that list: Discuss on 🦋

In no particular order:

Nested view transition demo Now that Chrome supports nested view transitions (currently at least behind a flag) let’s make a demo on how to use them!

Explain the viewTransition promises Explain what the updateCallbackDone, ready and finished promises are useful for, and under what circumstances you should cleanup using finished after pageswap

Make a note about the same-origin restriction The browser wont do view transitions when navigating to a target with different origin. Simple rule, but there are pitfalls.

Browser-native, cross-document Starlight Come up with a guide on how to add cross-document view transitions to a Starlight site

Speculation rules Show sensible solutions to pre-render the new page before the cross-document view transition starts.

Bfcache & view transitions How to cleanup behind you when using the bfcache with view transitions.

Bfcache vs. view transitions How to switch off view transitions on history traversals to get snappy navigation with pages from the bfcache.

Morph aspect ratio of button with stable text The view transition API turns elements into bitmaps. If you stretch a button, you also stretch the button’s text, don’t you?

How to debug view transitions Give a quick tour on how to use the animation section in Chrome’s Developer Tools and the Inspection Chamber to debug view transitions.

How you can style your filtered items You have articles with tags or products in categories? Filter your items and add some nice entry and exit animations.