SVGの属性に複数の値を渡す際、最後の値にセミコロンをつけるべからず 😱

blog.kimizuka.org

先日の記事 をiPhoneで見ていた際に気づきました。
問題なくアニメーションしているSVGと、アニメーションしないSVGがあることに。（現在は修正済みです）

DEMO

こちら、地道に検証したところ、SVGの属性にセミコロン区切りで複数の値を渡す際に、

1. 最後の値にセミコロンなし 👉 動く
2. keyTimesの最後の値にセミコロンをつける 👉 動かない（Mac版Chrome 118.0.5993.117とiOS 17.1 Safariで確認）
3. d、keySplines、valuesの最後の値にセミコロンをつける 👉 一部環境で動かない（Mac版Chrome 118.0.5993.117では動くが、iOS 17.1 Safariでは動かない）

という挙動になることがわかりました。
つまり、最後の値にはセミコロンをつけないのが最良です。