3.08 KB, image/svg+xml
Created attachment 608634 [details] Test SVG with animateTransform on path which is then cloned with <use> User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:11.0) Gecko/20100101 Firefox/11.0 Build ID: 20120310010446 Steps to reproduce: Created SVG with a path with a animateTransform child element linked to mouseover (black circle). Cloned that path several times (red, green and blue circles). Tried mouse over each element in turn (original path and use elements) Actual results: mouseover on use elements animates individually, as expected. However, mouseover on original path only animates that path and not use elements Expected results: Spec isn't clear on this but I anticipated that mouseover on original path would animate use elements since they mimic all properties of the original. This came from testing a bug in Webkit (https://bugs.webkit.org/show_bug.cgi?id=81792). With webkit mouseover on <use> calls all sibling <use> elements to animate, which is definately incorrect. I would like correct behaviour on triggering animation on a element which is cloned with <use> to be agreed and implemented the same across browsers. (please!)
Thank you, Robert. I did search but didn't come across this one. Is the compliant behaviour then that animating an object should animate all related <use> clones?
It is and that's what that bug is about.
Hi all. Given that 1194728 is a duplicate, then it is highly likely, it would seem, that this is also: http://cs.sru.edu/~ddailey/ello/BasicPuebloSpiral.svg same symptoms -- reused stuff doesn't animate properly. See also instance at https://ello.co/ddailey/post/GwFlnDl399lyp_SVHhGM0A where embedded in social media.