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

Devin Rousso

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

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 attachment proposed patch, testcase, etc.

Devin Rousso

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

Note You need to log in before you can comment on or make changes to this bug.