How can I resolve SVG animation failures in web browsers on iPad?
I have a web site using SVG. Recently on my iPad 18.4 SVG animations stopped working in Safari, after working correctly for years. I had made no changes to the HTML or SVG code.
The SVG code is inline, not an external file, and not using img or object tags.
Checking various settings in Safari did not solve the problem, so I tried Chrome and Firefox. Neither of those browsers worked either.
Realizing this was not a brower issue, I spent an afternoon on various sites seeking a resolution. No joy.
A friend suggesting doing a backup, then a factory reset of the iPad.
After the backup, I went into 'Settings/General/Transfer or Reset iPad/'.
Choosing 'Reset' brought up several options. I chose 'Reset Network Settings'.
After that, and an automatic restart, I was delighted and surprised to find the SVG animations now worked correctly.
Perhaps the same result could have been achieved by dropping the Wifi connection, and starting over with it.
Either way, hope this helps someone else running into a similar issue.
[Re-Titled by Moderator]
iPad, iPadOS 18
