Streaming live at 10am (PST)

Webflow interaction bug – animation causes text to disappear


#1

Hello, I have a problem with my last design
Someone can help me please?

No bug on the landing page but on pages in French & English is the same problem, the txt appear and after 1sec he disappear and the bug is different for each section… However is the same animation and the same class for each…

I have 2 animation for each section for text right (slide to right) and for text left (slide to left)

The animation worked before without bug

I’ve also an other bug when I publish my website the title of my different pages is not updated…

Thank you

Sorry for my bad English ^^

https://preview.webflow.com/preview/mainframeforfreedom?preview=171fffe705096470b1722905ae33b6c4


#2

Hi @Jondesigner

Thanks for posting.

You have all elements with the class name slide effect left sliding in and out of view when they are in the viewport. I think the issue may be caused by using class based interactions with these elements so close to one another.

Can you please try to set the quick interaction for each slide effect left element like this.

​Please let me know if this helps resolve the issue.


#3

Hello @Brando

Ok tanks for your response :slight_smile:
Your solution is good for this website with not many content but a big site with full content is not practice to select by element.

But why the old version worked before duplicate the project?

I have just 2 different language in the new version but I’ve used the same class and same interaction?
http://mainframe-landing-cde1262d31117edc790b8.webflow.io/
https://preview.webflow.com/preview/mainframe-landing-cde1262d31117edc790b8?preview=c91b4b6c56b3854dd0c0bbc825cc689f

Thanks

And again sorry for my very bad English :wink:


#4

Hi @Jondesigner

That is definitely bizarre behavior :thinking:

So the older version is working as expected. But once you duplicated the project, the new duplicate has the interaction issue where the text disappears; is that correct?

I just tested both of the preview links you shared and the issue appears to be resolved. Can you confirm you are no longer seeing this issue?

​Thanks in advance!


#5

Hi @Brando

Finally, I left like that in french and I’ve use an other class for the english page with the same animation and now its work…

But then I do not understand the logic behind :wink: Maybe a small bug?

Thanks


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.