Bug 275061

Summary:

[css-animations] width and opacity animation results flashes as it repeats

Product:

WebKit

Reporter:

Antoine Quint <graouts>

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

graouts, heycam, karlcow, webkit-bug-importer

Priority:

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	Details
View All Add attachment proposed patch, testcase, etc.

Antoine Quint

Comment 1 2024-06-03 08:47:59 PDT

rdar://129103897

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.