Skip to content

Commit 5e0c951

Browse files
authored
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.
1 parent 348a4e2 commit 5e0c951

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

fixtures/view-transition/src/components/Transitions.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,10 +56,10 @@
5656
}
5757

5858
::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;
6060
}
6161
::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;
6363
}
6464

6565
:root:active-view-transition-type(navigation-back) {

0 commit comments

Comments
 (0)