Streaming live at 10am (PST)

How to hide CMS List Items when there is no search input?

Hey, Webflow Community!

I have been designing a website for my organisation and for that I needed an on-page site search bar.

  1. I tried using the Webflow Search Component, but it is redirecting the search result on different page.
  2. I tried using jetboost.io, but it sadly only works on .webflow.io domains and not on custom domains.

Finally, I tried coding it, as @PixelGeek explains in a tutorial video. Now, that works wonderfully. The search bar takes input and filter the CMS Grid in real time. However, I want the CMS grid to be completely hidden except when the user inputs in that search bar. Can anybody help me with this?