Real-Time Filtering Solution for Relume Input Element

·

Hi everyone! 👋 I'm using this filter from Relume: https://www.relume.io/components/filters-6. The filtering itself works great, but the search (input element) only triggers when I press Enter. I'd love to have real-time filtering as I type. I've tried multiple approaches, but nothing seems to work. Does anyone know how to achieve this? Any help would be greatly appreciated! 🙏

10 comments

Matt J.
·
Diana R. I'm assuming in order to get the filtering working, you used Finsweet CMS filters attributes. If so, it looks like you'll just want to "hide" the submit button and then the attributes will know to just filter the list instantly. The easiest way to do this is to use the visibility toggle.
🔥1
❤️1
Diana R.
·
Hi Matt, thank you so much for your reply! Are you sure there is a submit button in this filter?https://www.relume.io/components/filters-6
Diana R.
·
Would you be able to take a look at my project and let me know why the search only works when pressing Enter? Here’s the preview link: 🔗 Webflow Preview I’d really appreciate any insights!🙏
Matt J.
·
Diana R. technically the apply button is the form submit button.
❤️1
😍1
🔥1
Matt J.
·
Diana R.
·
Thank you so much! It worked – now I have live search. I'm really grateful, I spent a lot of time on this. Could you please tell me, if I hide the "Apply" button, what would be the best way to replace it so that the filter still works as before (applying the selected categories)?
Diana R.
·
Or maybe it is better not to use it at all
Matt J.
·
Diana R. yeah it appears to be an all or nothing scenario - if a user applies some filters in the menu though, it should filter instantly as well
🙌1
Diana R.
·
Thank you!!!!
Diana R.
·
Could you please also help me with this? How can I remove the asterisk in a tag when I search by word?