Add forwards fill mode to animations in view transition fixture (#34502)
It turns out that View Transitions can sometimes overshoot and then we need to ensure it fills. It can otherwise sometimes flash in Chrome. This is something users might hit as well.
Sebastian Markbåge committed
Sep 16, 2025 at 10:20 UTC
5e0c951b58a98feed034e2bb92f25ae6d0616855
1 file changed
+2
-2
fixtures/view-transition/src/components/Transitions.module.css
+2
-2
@@ -56,10 +56,10 @@
56
}
57
58
::view-transition-new(.enter-slide-right):only-child {
59
- animation: enter-slide-right ease-in 0.25s;
59
+ animation: enter-slide-right ease-in 0.25s forwards;
60
}
61
::view-transition-old(.exit-slide-left):only-child {
62
- animation: exit-slide-left ease-in 0.25s;
62
+ animation: exit-slide-left ease-in 0.25s forwards;
63
}
64
65
:root:active-view-transition-type(navigation-back) {