Bug 275061

Summary: [css-animations] width and opacity animation results flashes as it repeats
Product: WebKit Reporter: Antoine Quint <graouts>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: graouts, heycam, karlcow, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Test none

Antoine Quint
Reported 2024-06-03 08:47:49 PDT
Created attachment 471575 [details] Test The relatively simple attached test has the following animation: @keyframes fill-and-fade { from { width: 50px; opacity: 1; } to { width: 100px; opacity: 0; } } When this animation is repeated, there is what looks like a single frame where we're using the last frame of one iteration for width and the first frame of the iteration for opacity, resulting in a flash. This does not reproduce in Firefox and Chrome.
Attachments
Test (284 bytes, text/html)
2024-06-03 08:47 PDT, Antoine Quint
no flags
Antoine Quint
Comment 1 2024-06-03 08:47:59 PDT
Antoine Quint
Comment 2 2024-06-03 08:49:05 PDT
I don't think this is a new issue but rather more evidence of synchronization woes between animations performed purely in software (the `width` property) and delegated to Core Animation (the `opacity` property).
Note You need to log in before you can comment on or make changes to this bug.