Interaction Content appearing behind when published

Hi All,

Not sure if anyone can help with this - but thought I’d ask anyway! :slight_smile:

Read Only: https://preview.webflow.com/preview/itktest?utm_source=itktest&preview=f7e7222c47227d13fa57d3f32d15b643

Published: https://itktest.webflow.io/

When in preview mode - the additional content boxes expand correctly, and the rest of the content acts accordingly (moves down to make room). However, when published, the additional content boxes appear behind everything.

Edit: The sorting/search functionality is from a script called Isotope. Maybe the preview mode doesn’t fire off the script - whereas publishing does?

Thanks in advance.

Hey @itkdev - looks like it’s your first time posting, welcome!

Since I can’t publish changes from the read-only link, it’s hard to see if this works, but try changing the “card” class to static instead of relative positioning. If this doesn’t work, let me know - if you make the project cloneable (so I can publish to see my changes), I will take a deeper look at it when I have time this week!

https://www.loom.com/share/7f5aeca5d74f408d8154628ad59ffc81

1 Like

Thanks for the quick reply and warm welcome!

Unfortunately this didn’t work, but one thing I forgot to mention is the sorting/search functionality is from a script called Isotope. Maybe the preview mode doesn’t fire off the script - whereas publishing does? I edited my original post to reflect the Isotope comment.

@itkdev Ah, no worries! I am curious - what is the reason to use Isotope over Webflow’s sorting/search?

You are correct. Third party scripts do not run / render in the designer. Only on published URL’s.

Is it possible to have the animation and same fluidity with Webflow?

Unfortunately not with Webflow’s native search element (at least, not that I know of.) Webflow Search works well, but it’s not a real-time solution like Isotope is.

If you want to see the ins-and-outs of Isotope on a Webflow website, check out @SidneyOttelohe’s (cloneable!) website with Isotope Search and Filtering. https://webflow.com/website/Isotope-Search-and-Filter-Webflow-CMS

2 Likes

Thanks for confirming!

Thanks - this is where I initially got the inspiration. :slight_smile: