Streaming live at 10am (PST)

Opacity/Resize animations not working on published site not preview


#1

Hey All, so I have a site I’m designing which uses a significant number of modal popups. What I’m finding is that my close modal animations which have 2 animation actions, 1st setting opacity to 0, and then hiding the modal wrapper, are being hidden correctly, but aren’t correctly displaying the opacity easing to 0.

When I preview the animation from the interactions tab it works successfully but when I go to my published site you will see that any time a modal is closed it won’t fade.

Additionally I have an accordion that is having the same issue but with resizing rather than opacity.

Am I doing anything wrong?

You can find the Modals by clicking on nearly anything, and the accordion is on the “Legacy” page, under the container for “Thanks for choosing us.”

Here is my site Read-Only: https://preview.webflow.com/preview/ava-gp?utm_source=ava-gp&preview=2ac0e96916517b44ff4dd08a52331d59


#2

Hi @Daenon_Janis

Just a quick reply to say we will look into this shortly. Are you using both Legacy and IX2 interactions? This sometimes can cause conflicts.

Thanks
Stu


#3

I am unfamiliar with Legacy Interactions so I always leave the toggle switch off.


#4

@Daenon_Janis

It looks like you have the close interaction trigger nested inside of the open interaction trigger:
CloudApp

Because of this, anytime you click the close trigger, you are simultaneously clicking the open trigger. I’d recommend restructuring the elements here and keep the close trigger a sibling of the open trigger rather than a child.