Bug 207022 - Applying a CSS @keyframes animation to an SVG element causes the SVG to visually shift while animating
Summary: Applying a CSS @keyframes animation to an SVG element causes the SVG to visua...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-01-30 17:04 PST by Devin Rousso
Modified: 2020-01-30 17:04 PST (History)
2 users (show)

See Also:

Attachments
[Video] Screenrecording of issue (1.24 MB, video/quicktime)
2020-01-30 17:04 PST, Devin Rousso 		no flags Details
[Image] Screenshot of Web Inspector showing DOM tree (1.04 MB, image/png)
2020-01-30 17:04 PST, Devin Rousso 		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 Devin Rousso 2020-01-30 17:04:12 PST 
Created attachment 389305 [details]
[Video] Screenrecording of issue

See attached video.

This was encountered during the development of <https://webkit.org/b/204627>.
Comment 1 Devin Rousso 2020-01-30 17:04:32 PST 
Created attachment 389306 [details]
[Image] Screenshot of Web Inspector showing DOM tree

The SVG element is wrapped inside multiple levels of `display: flex`.