#896·velocity

Transform treated as attribute instead of style property in Safari (V2)

Author: Je1teCreated Oct 20, 2018Updated Apr 30, 2019

Your system information

  • VelocityJS version: 2.0
  • Browser: Safari
  • Operating System: MacOS

Checklist

  • Is this an issue with code?: No
  • Is this an issue with documentation?: No
  • Have you reproduced this in other browsers?: No
  • Have you checked for updates?: Yes
  • Have you checked for similar open issues?: Yes

Please describe your issue in as much detail as possible:

For V2, in Safari when applying a transform animation to a regular DIV element, this is treated as an HTML attribute instead of CSS style property. Therefore the animation is not working.

In Chrome and Firefox it correctly changes the CSS style property. I did not test IE/Edge.

JSFiddle example showing issue in action (code):

https://jsfiddle.net/z6842sgp/2/