Bug 124366 - When a CSS Animation is applied to a SVG path that has two property changes, only the last defined property is animated.
Summary: When a CSS Animation is applied to a SVG path that has two property changes, ...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.8
: P2 Major
Assignee: Nobody
URL: http://codepen.io/benfrain/pen/hLFwn
Keywords:
Depends on:
Blocks:
 
Reported: 2013-11-14 09:29 PST by Ben Frain
Modified: 2022-07-15 16:44 PDT (History)
3 users (show)

See Also:

Attachments
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 Ben Frain 2013-11-14 09:29:01 PST 
It should be possible to animate two CSS properties on an SVG with a CSS animation. This behaviour can be seen in Firefox but Safari (and Chrome) only render the last defined property change.
Comment 1 Ben Frain 2013-11-22 07:51:43 PST 
Chrome had the same issue and it has been confirmed as a bug there: https://code.google.com/p/chromium/issues/detail?id=319407

The workaround is to ensure a fill property is declared (although the is obviously still a bug).
Comment 2 Brent Fulgham 2022-07-15 16:44:57 PDT 
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.

(Tested with test case used in the Chromium bug).