# Filters not showing content items after reset

**URL:** <https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869>\
**Category:** Attributes\
**Created:** [September 1, 2023, 6:56pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869 "2023-09-01T18:56:21Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 1, 2023, 6:56pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/1 "2023-09-01T18:56:21Z")

</div>

I have CMS filters set up, and I am having an issue on the live site. The filters are set to clear on the expand/collapse icons because the client doesn’t want the filter categories to stack (only filter for solutions OR audiences at a time). I am encountering a few issues:

1. When filters are cleared, the CMS items are no longer populating
2. The load more button is showing when there is no content
3. I have an empty state attribute set up that is not populating

Any ideas on how to fix these three items?

I have documented these issues in the loom below:

Read only preview:

[https://preview.webflow.com/preview/insidetrack?utm\_medium=preview\_link&utm\_source=designer&utm\_content=insidetrack&preview=62e29e4f093b1097bf3346c9d4065c4a&pageId=64e11b2d49e674bb295b2863&workflow=preview](https://preview.webflow.com/preview/insidetrack?utm_medium=preview_link&utm_source=designer&utm_content=insidetrack&preview=62e29e4f093b1097bf3346c9d4065c4a&pageId=64e11b2d49e674bb295b2863&workflow=preview)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 3, 2023, 9:29am UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/2 "2023-09-03T09:29:58Z")

</div>

hey @Poetic! Do you have any script that handles this filter clearing on opening and closing the dropdowns?

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 5, 2023, 2:43pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/3 "2023-09-05T14:43:02Z")

</div>

@Support-Luis I don’t think so, you should be able to view all the script in the page settings.

I have the clear filter on dropdown setup using attribute fs-cmsfilter-element = clear on the icons

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 7, 2023, 3:08pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/4 "2023-09-07T15:08:58Z")

</div>

@Support-Luis Any ideas on this?

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 8, 2023, 11:44am UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/5 "2023-09-08T11:44:33Z")

</div>

hey @Poetic! Can we have the checkboxes out of the dropdown? I want to make sure the filtering is being done correctly first 🙂

Also please remove all but one `clear` element this might be causing some issues as well.

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 8, 2023, 6:36pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/6 "2023-09-08T18:36:20Z")

</div>

@Support-Luis I took all the filter fields out of the dropdown on [this page.](https://webflow.com/design/insidetrack?pageId=64e11b2d49e674bb295b2863). I also removed all clear filter items except one. Any ideas on the next steps? Is the filtering set up correctly?

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 8, 2023, 9:24pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/7 "2023-09-08T21:24:21Z")

</div>

@Support-Luis \*\*Update: I made some changes to the page but am still running into many of the same bugs. Changes:

1. Removed all instances of the clear all filter button
2. Added clear buttons for each category with the fs-cmsfilter-clear = IDENTIFIER attribute. This does not appear to be functioning properly for any of the filter categories
3. Changed dropdowns to accordions
4. Moved the empty state div with fs-cmsfilter-element = empty out of the filters area. This is still not working.
5. Added active filter tags.

Remaining Bugs:

1. Empty state div not showing correctly
2. Load All Button showing when there are no collection items that meet the filter criteria
3. Clear buttons (see #2 above) not functioning

Any ideas to troubleshoot these 3 items?

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 8, 2023, 9:26pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/8 "2023-09-08T21:26:29Z")

</div>

\*\*\* Another remaining bug is the original one - filters not resetting properly when a filter is cleared

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 10, 2023, 6:53pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/9 "2023-09-10T18:53:24Z")

</div>

hey @Poetic, can you remove these Attributes from the lists you are combining?

```auto
fs-cmssort-element="list"
fs-cmsfilter-element="list"
fs-cmsload-element="list"
fs-cmsfilter-showquery="true"
fs-cmsnest-element="list"

```

These are only needed in the first list. This has now shown the empty element on my end but it seems your filters are not correctly setup as no options from the dropdowns seem to return a result but the text input does correctly filter the lists.

To fix this you can try delaying CMS Filter after CMS Nest is done like you did with CMS Combine. Please let me know if this fixes it

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 11, 2023, 4:34pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/10 "2023-09-11T16:34:12Z")

</div>

> [@Support-Luis](#):
>
> To fix this you can

@Support-Luis What scripts would be required (in head & body) to delay CMS Filter after CMS Nest?

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 11, 2023, 4:42pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/11 "2023-09-11T16:42:35Z")

</div>

For the `<head>` you’ll need this script for CMS Filter

```auto

<!-- [Attributes by Finsweet] CMS Filter -->
<script
  defer
  fs-attributes-preventload="true"
  src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"
></script>

```

And this for CMS Nest

```auto
<!-- [Attributes by Finsweet] CMS Nest -->
<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsnest@1/cmsnest.js"></script>

```

and this in your `</body>`

```auto
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsnest',
    (listInstances) => {
      console.log('cmsnest Successfully loaded!');
      window.fsAttributes.cmsfilter.init();
    },
  ]);
</script>

```

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 11, 2023, 4:47pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/12 "2023-09-11T16:47:25Z")

</div>

> [@Support-Luis](#):
>
> ```auto
> <script>
> window.fsAttributes = window.fsAttributes || [];
> window.fsAttributes.push([
> 'cmsnest',
> (listInstances) => {
> console.log('cmsnest Successfully loaded!');
> window.fsAttributes.cmsfilter.init();
> },
> ]);
> </script>
> 
> ```

@Support-Luis This seems to be working better, but the clear buttons for each category still aren’t working. Any ideas on why that would be? I have the following attributes on the 3 clear buttons respectively:  
fs-cmsfilter-clear = solutions  
fs-cmsfilter-clear = audiences  
fs-cmsfilter-clear = topics

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 11, 2023, 5:13pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/13 "2023-09-11T17:13:40Z")

</div>

Hey @Poetic, all your clear buttons should have the `fs-cmsfilter-element='clear'` Attribute, just like the image below.

![Screen Shot 2023-09-11 at 19.11.51](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/b/b18a252f45171dfd41f5dfd986bd6d1ac9471c96.png)

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 13, 2023, 3:27pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/14 "2023-09-13T15:27:52Z")

</div>

@Support-Luis

Ok, the bugs are gone now, but none of the filters are working.

Any ideas on how to get the filters working?

To test filters, I added all possible tags to content item “Webinar 3”, but no items are showing up when I try to filter.

 ![Screenshot 2023-09-13 at 8.22.17 AM](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/f/fdb4e29ad1cb9fb3abad3372851e4d97bbcf6e8c.png)  
 ![Screenshot 2023-09-13 at 8.24.07 AM](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/1/12d7b43d151a3078cadaff67fbd45ab9ac6b7d25.png)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 13, 2023, 4:40pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/15 "2023-09-13T16:40:32Z")

</div>

If we change the filter element to checkboxes/radio does the filtering work? I’m afraid the dropdown might be breaking the setup

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 13, 2023, 11:04pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/16 "2023-09-13T23:04:26Z")

</div>

@Support-Luis These are filter elements in the accordion are checkboxes styled as buttons sourced from FS accessible component library.

Why would the accordions break the filtering? Many community & relume cloneables use accordions in their filtering setups that are powered by FS [Component Preview](https://library.relume.io/preview?cid=category-filters/section_filters1)  
[Accessible Components for Webflow. Ready to use.](https://accessible-components.webflow.io/#checkbox)

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 14, 2023, 3:00pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/17 "2023-09-14T15:00:12Z")

</div>

@Support-Luis I also noticed that in this FS combo cloneable, the second list being combined also has the filter attribute. Are you sure that should be removed from the other resource lists?  
[https://webflow.com/design/finsweed-cms-filter-combine-and-load?pageId=64a612b915899abfa3f7c812](https://webflow.com/design/finsweed-cms-filter-combine-and-load?pageId=64a612b915899abfa3f7c812)

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 14, 2023, 3:12pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/18 "2023-09-14T15:12:30Z")

</div>

I tried replacing the accordion with a dropdown and it is still not working so I dont think that is the issue.  
I also added the filtering element to the combined lists and that is not helping either. Any ideas?

---

<div class="post-metadata">

**Author:** ![Poetic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/poetic/32/3018_2.png) [@Poetic](https://forum.finsweet.com/u/Poetic)\
**Post date:** [September 15, 2023, 2:50pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/19 "2023-09-15T14:50:25Z")

</div>

@Support-Luis Following up on this, this site is supposed to launch soon so these filters need to be functional

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 15, 2023, 4:23pm UTC](https://forum.finsweet.com/t/filters-not-showing-content-items-after-reset/1869/20 "2023-09-15T16:23:29Z")

</div>

hey @Poetic I am not sure what is breaking the filter setup. Could you create a test page with only the CMS Filter setup? If we get the same setup working on this test page we can then find if any script is breaking or blocking CMS Filter