CMS Search Bar, How do I make this? Having Major Issues

Hello everyone, I am trying to create this clone exactly as shown. It does just what I want https://webflow.com/made-in-webflow/website/cms-predictive-search

The issue I’m having though is that after setting up the search bar manually, in the exact way it shows to do it on the instructions, it doesn’t work properly. the way it should work is when you search for a term it shows results based on CMS text in webflow. I tired very hard to set this up right. please show me step by step.

Weirdly enough on my editor it shows the all the results, and i can even click them, but the predictive search is just automatically up, it doesn’t drop down, and on the live site it doesn’t show AT ALL. What did i do wrong, and how can i fix this?

Here is my site: https://preview.webflow.com/preview/sunlight-lessons-12c7ce0b09bf102afc9d69?utm_medium=preview_link&utm_source=designer&utm_content=sunlight-lessons-12c7ce0b09bf102afc9d69&preview=d99836f9f2d76a464df08cf9e830f648&workflow=preview


Here is my public share link: LINK
(how to access public share link)