Reusing trigger interaction on Class not working

Design help Animations & Interactions
1

Hi Guys,

Very new and very green to Webflow but loving this tool.

I’m having a problem with reusing an interaction. The interaction is simple, the image disappears and text appears on hover in; text disappears and the image appears on hover out. The “Class” and “Only children of this class” are selected and while the interaction shows on all the elements with the same class (great) the animation only happens on the original element the interaction was setup on.

I’m 100% sure this is something simple but I can’t figure it out.

Thanks in advance for your help.

Here is my public share link: https://preview.webflow.com/preview/made-by-simplifi?utm_medium=preview_link&utm_source=dashboard&utm_content=made-by-simplifi&preview=49dcebc3a470cc545abce275c0067a5b&workflow=preview
(how to access public share link)

2

Looks like a bug. You can see that none of the similarly named elements have the interaction icon in the navigator next to them for some reason. Just delete the interaction and re-add it again. This did the trick in read only

3

Great thanks so much Alex, that work.

4

In my case interaction with trigger on class would weirdly not affect some of the classed elements on the basis of overflow:hidden assigned to container.
Once I switched overflow to visible and then back to hidden, the interaction would start affecting the element as expected.

5

Hey webflow team, there here a bug.
Solved here in 2024.