Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
gabrielstuff

Edge case with Chrome Version 51 VS Electron

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi !

I'm really happy to be able to use tweenmax for animation. I've noticed one issue, that is kind of hard to reproduce. 

Using chrome and a simple command like : 

 

`tl.to(parentClass + ' .card-2', cardAnimInDuration, { scale: 1, left: 0, top: 0, rotation: -5, ease: Expo.easeOut, delay: delayDuration }, 'cardsIn')` 

 

produce a nice animation which render perfectly in chrome.

 

In chromium it is also perfect.

 

But in some version of Electron, the content is not visible due to an error in the matrix transform. 

 

The produced matrix transform is as follow : 

 

chrome 51.0.2704 : `transform: matrix(0.99619, -0.08715, 0.08715, 0.99619, 56.9881, -22.7032);`

canay chromium : `transform: matrix(0.99619, -0.08715, 0.08715, 0.99619, 56.9881, -22.7032);`

electron 1.2.3 : `transform: matrix(0,99619, 0,08715, 0,99619, 0,08715, 0, 871557);`

 

You'll notice that the "." dots are replaced by commas... and this breaks the transform property.

 

I'll be happy to get some help on this issue.

 

Thanks !

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×