1. Describe the bug
When animating the transform to a matrix3d that contains a skew and a translation
e.g. transform: 'matrix3d(1, 0, 0, 0, 0.26, 1, 0, 0, 0, 0, 1, 0, 200, 100, 0, 1)'
the element animates to an incorrect destination, and then snaps to the correct destination at the end of the animation.
2. IMPORTANT: Provide a CodeSandbox reproduction of the bug
https://codepen.io/anxpara/pen/OJGMdJK
3. Steps to reproduce
Steps to reproduce the behavior:
- go to https://codepen.io/anxpara/pen/OJGMdJK on latest Safari (17.4)
- see animation fail
4. Expected behavior
should animate smoothly to the proper destination
6. Browser details
Safari 17.4