Noticed this animation bug when I tried to have a group of icons slide onto the page. Also tested using a single icon, an image and a button, but in each case the entrance animation worked fine in preview but not on the live site (PC or mobile, Edge & Chrome browsers).
Sometimes the animated object would remain hidden, other times it would be visible on page load without any animation. Once I did get an object to animate correctly, but only on the mobile, and it didn’t work when I reloaded the page.
Initially I’d set up the animations using the Editor. Later I removed the Editor anim effect and tried code - setting the object as hidden on load and using .show() to reveal.
$w("#ObjectToAnimate").show("slide");
(or)
let slideOptions = {
"direction": "top"
};
$w("#ObjectToAnimate").show("slide", slideOptions);
After publishing and opening a fresh browser tab…
The object never appears on the PC live site, and on the mobile it is visible on page load but without animation.
Looking back at old forum posts, it seems this has been a Wix bug for least five years. Just wondering if anyone found a solution or workaround.