Bug 227339 - CSS SVG animations getting janked
Summary: CSS SVG animations getting janked
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on: 90738
Blocks:
  Show dependency tree / graph
 
Reported: 2021-06-23 22:48 PDT by Vishnu
Modified: 2022-02-01 03:22 PST (History)
6 users (show)

See Also:

Attachments
Video of the issue (74.13 MB, video/mp4)
2021-06-23 22:48 PDT, Vishnu 		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 Vishnu 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
Comment 1 Radar WebKit Bug Importer 2021-06-25 01:28:48 PDT 
<rdar://problem/79766490>
Comment 2 Antoine Quint 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.
Comment 3 Antoine Quint 2022-02-01 03:22:28 PST 
Indeed, we don't. However I'm hopeful that after bug 90738, we will.