Bug 173154 - CSS animations are not working inside SVG symbols
Summary: CSS animations are not working inside SVG symbols
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2017-06-09 05:15 PDT by kari.pihkala
Modified: 2017-06-12 23:41 PDT (History)
7 users (show)

See Also:

Symbol CSS Animation Test Case (750 bytes, image/svg+xml)
2017-06-09 05:15 PDT, kari.pihkala
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description kari.pihkala 2017-06-09 05:15:17 PDT
Created attachment 312428 [details]
Symbol CSS Animation Test Case

CSS animations are not run for elements inside <symbol> SVG elements.

The attached 'Symbol CSS Animation Test Case' shows three rectangles. The red ones are symbols and the green one is not. Only the green one is rotating. I would expect to see all three rectangles rotating.

Chrome and Firefox show all three rectangles rotating.

Tested on Safari Technology Preview Release 32 (Safari 11.0, WebKit 12604. and Safari 10.1.1.
Comment 1 Radar WebKit Bug Importer 2017-06-12 10:31:50 PDT