96349 2012-09-10 20:56:58 -0700 SVG does not handle dynamic document-order id changes 2023-07-14 12:46:10 -0700 1 1 1 Unclassified WebKit SVG 420+ Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=139155 InRadar P2 Normal --- 1 pdr webkit-unassigned ahmad.saleem792 ap bfulgham rniwa sabouhallawa webkit-bug-importer zimmermann oldest_to_newest 716802 0 163270 pdr 2012-09-10 20:56:58 -0700 Created attachment 163270 Testcase If we have two elements with the same ID, we should use the first (in document order) element. Unfortunately we do not handle this correctly in the case of xlink:href's. The attached testcase shows one example using animations, but this bug exists for other xlink:href cases too. In the testcase we animate the element #first but then add another #first before the one we are animating. We should switch to animating the first #first, but we incorrectly continue animating the second. 1881972 1 ahmad.saleem792 2022-07-10 13:09:19 -0700 I am able to reproduce this bug in Safari 15.5 / Safari Technical Preview 148 on macOS 12.4 using attached test case. *** Safari Behavior *** Green box animate and after few seconds, it kicks in "Red" to animate and it jumps but nothing happen to red except change in direction and then "Green" continues to animate. *** Other Browsers (Chrome Canary 105 and Firefox Nightly 104) Behavior *** Green box animates and after few seconds, it kicks "Red" to animate and "Green" box stop animating while "Red" animates now. If I am testing incorrectly, please retest accordingly. Thanks! 1884303 2 webkit-bug-importer 2022-07-15 15:33:53 -0700 <rdar://problem/97097786> 163270 2012-09-10 20:56:58 -0700 2012-09-10 20:56:58 -0700 Testcase animateSwitch.html text/html 727 pdr PGh0bWw+Cjxib2R5Pgo8c3ZnIGlkPSJzdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAw L3N2ZyIgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94 bGluayIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI1MDAiPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9 IngiIHhsaW5rOmhyZWY9IiNmaXJzdCIgZnJvbT0iMTAwIiB0bz0iMjAwIiBkdXI9IjEwcyIgYmVn aW49IjBzIiAvPgogIDxnIGlkPSJnIiB0cmFuc2Zvcm09InJvdGF0ZSgxMCkiPjwvZz4KICA8cmVj dCBpZD0iZmlyc3QiIHg9IjEwMCIgeT0iMTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmls bD0iZ3JlZW4iID48L3JlY3Q+CiAgPHJlY3QgY2xhc3M9ImZha2VmaXJzdCIgaWQ9ImZpcnN0IiB4 PSIxMDAiIHk9IjMwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InJlZCIgPjwvcmVj dD4KPC9zdmc+CjxzY3JpcHQ+CiAgc2V0VGltZW91dChmdW5jdGlvbigpewogICAgdmFyIGcgPSBk b2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZycpOwogICAgdmFyIGZha2VmaXJzdCA9IGRvY3VtZW50 LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2Zha2VmaXJzdCcpWzBdOwogICAgZmFrZWZpcnN0LnBh cmVudE5vZGUucmVtb3ZlQ2hpbGQoZmFrZWZpcnN0KTsKICAgIGcuYXBwZW5kQ2hpbGQoZmFrZWZp cnN0KTsKICB9LCAyMDAwKTsKPC9zY3JpcHQ+CjwvYm9keT4KPC9odG1sPg==