Post

I wish I could opt certain elements in to View Transitions so all DOM modifications would just work without having to wrap with document.startViewTransition() 🤔

Bramus

@bram.us

25 Nov 2024

This is on our backlog of things we hope to look into someday. First got some other things to look at.

Bramus

@bram.us

You can hack your way into this using MutationObserver. POC: codepen.io/bramus/pen/z... The observer undoes mutations like remove, and then reapplies that mutation wrapped in document.startViewTransition. (This is a remake of codepen.io/bramus/pen/o..., which has View Transition JS intermixed)

codepen.ioAutomatic View Transitions with MutationObserver...

25/11/24, 9:00 am0 reposts16 likes

Cory LaViska

@cory.laviska.com

25 Nov 2024

oh wow, thanks for this! I’ll play around with it some more

natemoore on elm street 👻

@natemoo.re

25 Nov 2024

I built a web component that used this technique in 2020 before view transitions were a thing. So much easier now! That MutationObserver trick always seemed incredibly powerful. animate-presence.vercel.app/basic

animate-presence.vercel.appAnimate Presence | Basic

Martin Trapp

@martr.app

25 Nov 2024

Wow, Nate, you've been ahead of your time quite a few times! 👀😎

Bramus

@bram.us

25 Nov 2024

Sweet! 🤩