I noticed some of the animations are not working anymore. I found out the animation targets got disconnected somehow. I connected them to right targets again, published but the targets got disconnected again. Anyone having the same issue?
The problematic animation is 'Elements fade on page load".
I would also recommend to check that the browser is running the latest updates, and to see if there are any browser extensions loaded that might be conflicting with the Webflow browser code.
A good way to check if browser extensions are conflicting, is to open the browser in Incognito mode (in Chrome) or Private Window mode (in Safari) and reload the site in the designer.
Hi Dave, the problem isnât with the âMove up and fade in on scrollâ animation. The problematic animation is âElements fade on page loadâ that is used to load elements in the hero sections on all the pages.
I just checked again, and the animations are disconnected again. FYI, It was working perfectly fine for months, and it suddenly not working. Please see the attached image for the problematic animation Iâm referring to.
Hi @daeeki, thanks, I am helping to check on that, have you tried to change the target for those missing interactions? If you right click on the animation step then select Change Target and reselect the element, that is a solution to get those working again.
Unfortunately, the targets themselves cannot be set back the way there were from the backend, the targets would either have to be reselected (change target) or restored from Backup. As to why it happened, I will need to check further on that.
I will post back when I have further info.
Thanks in advance
I did reconnected the elements but they get disconnected again.
Weird thing is, when I reconnect the elements in the animation and publish, it works briefly. Then after a couple minutes the animation targets are disconnected again.
This seems like a bug.
p.s. I have turned off all the extensions and the problem still exists, both on Safari and Chrome on Mac.
After looking into the issue a bit more it appears this is expected behavior. The animation targets that are being disconnected are on elements that donât exist on the home page. For example, you are targeting full width background in the animation list which works well for the âGoogle DEâ page. However, the full width background element does not exist on the home page so the animation target will appear as disconnected.
Iâve made a quick video explaining how this works with more detail.
I fix the interaction on the main page but Iâm stuck on reusing the interaction on other pages.
Basically, the main page has its own animation and its unique elements, so no problem there.
The problem is if I add a new animation â2 Elements fade in and move downâ on âUnveilâ page and set it to affect class, This animation wontâ work on âPicture quoteâ page which has elements with the same class. The animation binds the targets fine but the animation wonât work.
Thanks again for testing that out. After digging into this more with the team, we were able to find the issue. It looks like these elements have different combo classes, so the class based interactions wonât work here. For example, you have a hero image on both the picture quote page and google de page, but each has a unique combo class.