Bug 258346 - Using keyframe animation with box-shadow causes slowdown due to constant layout calls.
Summary: Using keyframe animation with box-shadow causes slowdown due to constant layo...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-21 02:56 PDT by Paul Connolly
Modified: 2023-06-22 14:02 PDT (History)
6 users (show)

See Also:

Attachments
Test Case showing the animation issue with box-shadow (1.04 KB, text/html)
2023-06-21 02:56 PDT, Paul Connolly 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Paul Connolly 2023-06-21 02:56:20 PDT 
Created attachment 466774 [details]
Test Case showing the animation issue with box-shadow

When using an animation that animates the box-shadow CSS property, performance on Webkit 265348@main, Safari on macOS, iOS etc. is affected due to constant "Styles Invalidated" calls, and Layout / Paint calls.
Test case attached.
Comment 1 Simon Fraser (smfr) 2023-06-21 12:00:37 PDT 
Box shadow affects visual overflow, so we have to do some kind of layout to recompute this.
Comment 2 Radar WebKit Bug Importer 2023-06-21 12:00:58 PDT 
<rdar://problem/111116324>