1. Describe the bug

If an animation calls play() and then, at a later time, calls cancel() it has different results in Safari and Chrome:

• In chrome it will reset the animation to the original frame
• In safari it will reset the animation to the original frame for a single frame, then apply the last played frame styles.

Note that it doesn't matter where play() is called (might even be at the very beginning of the animation). However, if play() is not called then them both behave like in Chrome.

Also note that setting allowWebkitAcceleration to true seems to have no effect.

2. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/s/agitated-shtern-5ktj6v?file=/src/App2.tsx

3. Steps to reproduce

Open the sandbox with Chrome and Safari and see how in Chrome the box ends unrotated and in safari it ends rotated.

4. Expected behavior

I expect them both to behave in the same way.

6. Browser details

Latest Chrome and Safari in OSX 12.4