Hi Team, I came across following test case on StackOverlfow. Refer to URL field for test case. WebKit ToT & Safari 16.5.1 are drawing the graph with three fragments while Chrome and Firefox draw it as intended from start till finish. StackOverflow Post: https://stackoverflow.com/questions/76581192/svg-animation-bug-in-safari Just wanted to raise so we can track it. Thanks!
<rdar://problem/112151478>
Retitling to clarify this doesn't have anything to do with SVG Animations since CSS Animations are used here. However, my bet is that this is purely an SVG issue with how we compute stroke-dashoffset here, but it could technically be an issue with how we animate that property.
Created attachment 467031 [details] Reduction
This is strictly an SVG issue, see the reduction attached which just uses a static stroke-dashoffset value. I expect this is some odd interaction with the pathlength attribute.
(In reply to Antoine Quint from comment #4) > This is strictly an SVG issue, see the reduction attached which just uses a > static stroke-dashoffset value. I expect this is some odd interaction with > the pathlength attribute. Thanks @Antoine, apologise, I didn't go much in details or investigate, I just thought to capture it and look into later. So appreciate your help on deep analysis.
I'm starting to think this is a CG bug or limitation, as the issue goes away if I remove one of the draw commands, which makes the number of segments in PathStream::applySegments() go from 257 to 256 and magically everything is fine.
Interestingly the MDN demo for pathLength doesn't render at all in Safari: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength.
*** Bug 259415 has been marked as a duplicate of this bug. ***
The fix for this issue needs to be made outside of the WebKit Open Source project. Resolving as MOVED. This work is being tracked under <rdar://problem/113436247>