List filter functions not working: 1) Highlight not working, and 2) Clear list instance not working either

Hello Finsweet forum!

We at 84000.co are implementing the List Filter v2. The implementation includes the standard features and a few additions such as Fuzzy search, highlight text, Clear filter list instances, etc.

The filter and the search is linked to a large collection of canonical texts. Here is our life implementation of the List Filter Attributtes version 2:

So far, we managed to make it work for most parts, except for three specific issues:

  1. The highlight text attribute is not working, though we have tried several methods such as the custom class, etc. Any suggestions what we are missing?

  2. The “Clear” function for list instances is also not working. But the “Clear All” attribute is actually working. We have follow instructions and review them. Any suggestions?

  3. The Pages range slider display the page numbers in decimal format and we would like to set the numbers as integers. Any suggestions to fix that?

Thank you, Finsweet communitym, for your support and great work!

Best regards,
Rafael Ortet
UX and Design Lead

Hi @rafael.ortet! :waving_hand:

If you want all your filter fields to be highlighted, you can simply add fs-list-highlight="true" to your script tag—there’s no need to apply it individually to each fs-list-field="IDENTIFIER" element.

Just make sure to style the is-list-highlight class. You can do this using a <style> tag in your page’s custom code section, or by adding an element to the page and styling it with that class.

Regarding the clear function issue, make sure each individual category clear button has fs-list-element="clear" and fs-list-field="IDENTIFIER" attributes matching the specific filter category you want to clear. These buttons need to be inside your filters container.

For your range slider showing decimals, simply add fs-rangeslider-step="1" to your range slider wrapper element. This will force the slider to use only whole numbers.

If you’re still running into problems after checking these settings, it would help if you could share a Webflow preview link or a quick Loom video showing the issues.

@Support-Luis or @Support-Pedro can help with any custom code solutions if needed.