Repeated animated columns bug in Firefox

Hey fusion01,

Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

Thanks,
Rikard

Hi,

I can’t reproduce the error on my end using OSX/Firefox developer (48) but I’ve asked the rest of the team to take a look as well. Please wait for their answers.

Thanks,
Rikard

Hi,

We can’t reproduce the issue on our own installations. Anyway, please try this in the Quick CSS field:

.avia_transform .avia_start_delayed_animation.left-to-right {
    -webkit-animation: avia-ltr .8s 1 cubic-bezier(0.175,.885,.32,1.275) 0s;
    animation: avia-ltr .8s 1 cubic-bezier(0.175,.885,.32,1.275) 0s;
    opacity: 1;
}

.avia_transform .avia_start_delayed_animation.bottom-to-top {
    -webkit-animation: avia-btt .8s 1 cubic-bezier(0.165,.84,.44,1) 0s;
    animation: avia-btt .8s 1 cubic-bezier(0.165,.84,.44,1) 0s;
    opacity: 1;
}

.avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-rtl .8s 1 cubic-bezier(0.175,.885,.32,1.275) 0s;
    animation: avia-rtl .8s 1 cubic-bezier(0.175,.885,.32,1.275) 0s;
    opacity: 1;
}

Remove browser cache or hard refresh the page. Please let us know about the results.

Best regards,
Ismael

Hi,

We actually reported the issue to Kriesi but he can’t reproduce the issue himself. However, he can see the issue on the page that you provided. According to the forums, adding the animation-delay property should fix the issue. Sadly, it didn’t work. Anyway, the login credentials you provided above are not working. Also, including the FTP details here will help.

Best regards,
Ismael

Hi,

We found a fix and added it in the style.css file:

.avia_transform .avia_start_delayed_animation {
     -webkit-animation-fill-mode: forwards; 
     animation-fill-mode: forwards;
}

Best regards,
Ismael

Hi,

Did you hard refresh the page or remove the browse cache before checking it? I checked the page again today and the columns do not animate multiple times any more.

Best regards,
Ismael

Hi,

We confirmed that previous css code didn’t actually fixed the issue. We have reported the issue to Kriesi and we’ll let you know once we found a fix. For now, you can either disable the animation or leave as it is.

Best regards,
Ismael

Hey!

@scherar: Which section has this issue? I checked the columns but I can’t see any repeated animations. And what is the version of the theme?

Regards,
Ismael

Hey!

Thank you for the update.

I was able to reproduce the issue. Have you tried adding the css fix above?

// https://kriesi.at/support/topic/repeated-animated-columns-bug-in-firefox/#post-640671

As of now, we haven’t come up with an actual fix because the issue is quite intermittent. And we can’t find anything unusual on installations where the issue manifests.

Regards,
Ismael

Hi!

We’ll report this again to Kriesi. I’m sure he’ll be able to fix this now since it’s only happening if a certain option is enabled. For now, please disable the animation temporarily. Or add this the following css code in the Quick CSS field to disable the column animation on firefox.

.avia-mozilla.avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: none !important;
    animation: none !important;
}

Thank you for the info.

Cheers!
Ismael

Hey!

Thank you for the update. I didn’t notice a correlation between the issue and the icon elements but we’ll forward this information to Kriesi.

Regards,
Ismael