Bug 20028 – Dynamically created <animate> elements do not animate upon document insertion as they should

• Component: SVG
• Status: RESOLVED FIXED

http://www.kevlindev.com/tutorials/basics/animation/js_dom_smil/index.htm does not work: The green rects are drawn but they don't move.

[Mark Rowe (bdash)]

<rdar://problem/6073950>

[Brad Neuberg]

I confirm that I'm encountering this bug as well with dynamically created SMIL animate elements:

rect = document.createElementNS(svgns, 'rect');
rect.setAttribute('x', 50);
rect.setAttribute('y', 50);
rect.setAttribute('width', 50);
rect.setAttribute('height', 50);
rect.setAttribute('fill', '#0f5');
rect.setAttribute('stroke', '#085');
rect.setAttribute('stroke-width', '4');
anim = document.createElementNS(svgns, 'animate');
anim.setAttribute('attributeName', 'x');
anim.setAttribute('calcMode', 'linear');
anim.setAttribute('additive', 'replace');
anim.setAttribute('accumulate', 'none');
anim.setAttribute('from', 50);
anim.setAttribute('to', 100);
anim.setAttribute('begin', '2s; 5s');
anim.setAttribute('dur', '2s');
anim.setAttribute('fill', 'remove');
rect.appendChild(anim);
svg.appendChild(rect);

[Rob Buis]

Created attachment 94978 [details]
Patch

[Dirk Schulze]

Comment on attachment 94978 [details]
Patch

r=me

[Rob Buis]

Committed r87392: <http://trac.webkit.org/changeset/87392>