Skip to content
This repository was archived by the owner on Nov 12, 2024. It is now read-only.
This repository was archived by the owner on Nov 12, 2024. It is now read-only.

[Bug] On Safari, animating transform to a matrix3d with skew and translation fails #249

@anxpara

Description

@anxpara

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:

  1. go to https://codepen.io/anxpara/pen/OJGMdJK on latest Safari (17.4)
  2. see animation fail

4. Expected behavior

should animate smoothly to the proper destination

6. Browser details

Safari 17.4

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugBug report

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions