Bug 104496 – SVG animations do not support dynamic condition targets

• Status: NEW
• Component: SVG

[Philip Rogers]

Created attachment 178440 [details]
Testcase

Consider this example:

<rect id="rectRed" width="100" height="100" x="0" y="0" fill="red"/>
<rect id="rectGreen" width="100" height="100" x="100" y="0" fill="green"/>
<set id="set" attributeName="x" to="0" xlink:href="#rectRed" begin="click"/>

<script>
var animation = document.getElementById('set');
animation.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#rectGreen');
</script>


When we move the animation target from the red rect to the green rect, the click animation condition should move too but it does not. This currently works in Firefox and Opera.

A related issue is detecting dynamic id changes such as if "blueRect.click" was used as the begin condition and blueRect's id was changed. One way to fix these issues would be to add condition targets to our target tracking infrastructure in SVGDocumentExtensions.

[Ahmad Saleem]

I am able to reproduce this bug in Safari 15.5 on macOS 12.4 and Safari Technical Preview 148 using attached test case.

As per instruction, upon clicking "green" box, does not animate over to red box. Although, it does for other browsers such as Chrome Canary 105 and Firefox Nightly 104.

If I am testing it incorrectly, please retest accordingly. I tested using private window. Thanks!

[Brent Fulgham]

Works in Chrome and Firefox, fails in Safari.

[Radar WebKit Bug Importer]

<rdar://problem/97098583>