Retour à la leçonMission
Mission : un morphing de galerie qui casse à cause d'un appel réseau
Diagnostiquer une capture de transition ratée à cause d'un callback asynchrone, et configurer un morphing d'élément nommé.
Contexte
Sur galerie.js, au clic sur une vignette, le code appelle document.startViewTransition(async () => { const details = await fetch('/api/produit/' + id); afficherDetail(details); }). Résultat observé : la transition capture une "photo après" vide ou incohérente, et l'effet de morphing attendu entre la vignette et la vue détail ne se produit jamais correctement, malgré la présence d'un view-transition-name déjà posé sur l'image.