Bug 207022

Summary: Applying a CSS @keyframes animation to an SVG element causes the SVG to visually shift while animating
Product: WebKit Reporter: Devin Rousso <hi>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: hi, simon.fraser
Priority: P2    
Version: WebKit Local Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=204627
Attachments:
Description Flags
[Video] Screenrecording of issue
none
[Image] Screenshot of Web Inspector showing DOM tree none

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`.