Bug 227339

Summary: CSS SVG animations getting janked
Product: WebKit Reporter: Vishnu <visu.rohini>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dino, graouts, graouts, sabouhallawa, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on: 90738    
Bug Blocks:    
Attachments:
Description Flags
Video of the issue none

Vishnu
Reported 2021-06-23 22:48:26 PDT
Created attachment 432132 [details] Video of the issue When the css animations is used for the circle the performance is slow and missing the frames. This is not observer when the animation is on svgs. Reproduction steps Click on the jank button and observer performance issue https://codepen.io/rohinikumar4073/pen/zYZVbZw
Attachments
Video of the issue (74.13 MB, video/mp4)
2021-06-23 22:48 PDT, Vishnu 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-06-25 01:28:48 PDT
<rdar://problem/79766490>
Antoine Quint
Comment 2 2022-02-01 02:55:40 PST
I expect we don't support accelerated animations of SVG elements whereas we do for the <svg> element since it is treated as another HTML would in terms of rendering.
Antoine Quint
Comment 3 2022-02-01 03:22:28 PST
Indeed, we don't. However I'm hopeful that after bug 90738, we will.
Note You need to log in before you can comment on or make changes to this bug.