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:

Compositing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

hi, simon.fraser

Priority:

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