Bug 295519
| Summary: | DOM node with looped CSS keyframe animation of translate property disappears for one frame every time the animation restarts | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | bence |
| Component: | Animations | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Minor | CC: | ahmad.saleem792, graouts, graouts, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | macOS 15 | ||
bence
The issue is described pretty much in the subject, so if the @keyframes animation is applied with `animation-iteration-count` set to a large integer or to `infinite`.
See simple reproduction here: https://codepen.io/chriscoyier/pen/EyxPPm/
Notice when the image with the large crowd in the atrium is in exactly the middle of the slider, all images disappear for one frame before the animation starts again.
The issue is the same in:
- Safari Release Version 18.5 (20621.2.5.11.8) on macOS v15.5 (24F74)
- Safari Technology Preview Release 222 (WebKit 20622.1.17.2) on macOS v15.5 (24F74)
- Safari of iOS v18.5 on iPhone 16
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/155792994>