Isotope filter help - grid/layout breaks after reseting filter

Design help Custom code
1

I am trying to use Sidney Ottelohe’s Isotope filter (Isotope Search & Filter + Webflow CMS) with my CMS collection grid, and while it works fine on initial load and when searching, if you remove the text (to cancel/reset the filter) the grid breaks and suddenly each collection item is full browser width. From what I can tell the Collection List (which is set to grid) losses all style properties for some reason.

Here is my project: https://preview.webflow.com/preview/glyphy?utm_medium=preview_link&utm_source=designer&utm_content=glyphy&preview=aaf06776d2ab1b4a4c20a7ba6093ed92&pageId=5dc62e20c19d43c3c0f8331f&mode=preview

And here is the test URL: http://glyphy.webflow.io/48dhd-dnsh74-filtertest

2

Hi Cai,

Seems like the page is loading with the grid already broken :confused:
Maybe try a different search tool? I use hideseek and it is great.

3

Hey Aviv, yes I did suspect that as I noticed that the 1px border on the left side of the grid was suddenly not rendering as soon as I placed the Isotope custom code in.

Thanks for sharing that link, I will check it out and give it a go!