Miguel Peixe Aldeias

Hey @jensimmons.bsky.social (and anyone that might be of help too 🤞🏻), I’m sorry to bug you publicly but you are the only Safari guru I know of so I believe that maybe you know what’s going on. bug-view-transition-canvas-safari.reeple-studio.workers.dev

I’m trying to play with View Transitions on Safari and everything works fine except the Canvas. As you can see, and only in Safari, the Canvas disappears for one frame during a View Transition. Do you know if there’s a way to go around that? Or whether it’s a bug/I’m doing something wrong? Thanks!

It still is wild to me that this is all the code needed for this sweet little amount of details, View Transitions are so cool. Width automatically adjusting in the black pill, the white pill automatically shifting sideways based on the size of its sibling, cool out/in translation.

(I’m setting the transition name in JavaScript because I'm also using it for page transitions and don't want it triggering everywhere in the DOM)

After 10+ years of crafting things for others, I’m going solo to focus on what deeply matters to me: building thoughtful, accessible websites with genuine personality. Crafting with tools that share this philosophy (looking at you @astro.build 👀), I want to make the web fun again.