Conflict with transform on Firefox

Question

Conflict with transform on Firefox

cgu-pix opened this issue 6 years ago · comments

Hi,

I use SVG plugin. When morphing is running, the css transform property on an another element (to do a flip card) doesn't work. There is like a glitch. It seems there is a conflict.
If I disable KUTE.js or as soon as morphing is complete, everything works fine, the flip doesn't glitch anymore.
And this problem is only on Firefox. With Chrome, everything looks good, both svg morphing and css transform property at the same time.

Have you ever encountered this problem? Is there a workaround for this ?

Thanks

thednp · Answer 1 · Tue Jul 10 2018 01:23:09 GMT+0800 (China Standard Time)

I don't know, do you have a demo with the issue?

cgu-pix · Answer 2 · Tue Jul 10 2018 20:42:11 GMT+0800 (China Standard Time)

Yes, but could you give me an email that I can use to send you a private access ?

thednp · Answer 3 · Tue Jul 10 2018 21:01:59 GMT+0800 (China Standard Time)

Just make a new pen with the issue, it will take a few minutes to setup.

cgu-pix · Answer 4 · Tue Jul 10 2018 22:13:04 GMT+0800 (China Standard Time)

Here the pen : https://codepen.io/anon/pen/qyBpBz
With Firefox, the grey flip card doesn't work

thednp · Answer 5 · Wed Jul 11 2018 02:55:02 GMT+0800 (China Standard Time)

That isn't JavaScript animation powered by KUTE.js, it's just some CSS3. You need to do some Google.

cgu-pix · Answer 6 · Wed Jul 11 2018 15:12:02 GMT+0800 (China Standard Time)

Yes, I know that.
The problem is when I enable KUTE.js, the transform doesn't work anymore. If I disable it, everything works fine. The transform of the flip card is ok. So I think there is a conflict with KUTE.js, but I didn't find why...