# Need help with Nesting lists

**URL:** <https://forum.finsweet.com/t/need-help-with-nesting-lists/6772>\
**Category:** Attributes\
**Tags:** cmsnest\
**Created:** [January 21, 2026, 7:06pm UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772 "2026-01-21T19:06:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mishin.ei10](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mishin.ei10/32/4043_2.png) [@mishin.ei10](https://forum.finsweet.com/u/mishin.ei10)\
**Post date:** [January 21, 2026, 7:06pm UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772/1 "2026-01-21T19:06:51Z")

</div>

Hi!

I’m trying to build a robust documentation center.

There are thee CMS collections:

- Categories
- Subcategories
- Articles

Articles can have multiple categories and subcategories. But for now only one category and one subcategory.

On each CMS collection page there would be a side menu with articles grouped by subcategories. These subcategories are relevant to one category. Please see the image attached.

Currently, I’m trying to build this on the Articles page.  
I added the subcategory CMS collection, filtered it to the category that is selected in the Article. Then followed the steps to nest the articles inside the Subcategory collection.  
But I can’t make the list of articles appear.

Please use the “Documentation” category, “Getting Started” category and article “Get Access to… (3 steps)”

I tried with v2 and v1 - couldn’t make them appear.

[Staging website](https://client-first-c10370.webflow.io/articles/get-access-to-flux-charts-indicators-3-steps)

[Webflow link](https://preview.webflow.com/preview/client-first-c10370?utm_medium=preview_link&utm_source=designer&utm_content=client-first-c10370&preview=0cd74658742b45ab64840392c0572d82&pageId=6971040fda9202b046ced8c8&itemId=697104eb4b268d59bf4adada&workflow=preview)

Side question: In the documentation you say that I need to add a multi-reference cms collection. But in the cloneable it seems that you’ve just added a CMS collection (FAQs), not multi-referencing it.

So the only way to make it work is for users to add an article to the subcategory after creating an article to make it appear in the nested list?

 ![Screenshot 2026-01-21 at 19.59.57](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/0/07d9b62199faf14f595151057bb19bc3adef4653.png)

---

<div class="post-metadata">

**Author:** ![mishin.ei10](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mishin.ei10/32/4043_2.png) [@mishin.ei10](https://forum.finsweet.com/u/mishin.ei10)\
**Post date:** [January 22, 2026, 8:04pm UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772/2 "2026-01-22T20:04:41Z")

</div>

After a few hours of battling with this, I made it work.

But now I have two other questions:

1. How can I filter, sort and apply limits to a Nested list?
2. Is it possible to make the nested lists load faster? Currently, there is **[a bit of a flash happening](https://client-first-c10370.webflow.io/articles/get-access-to-flux-charts-indicators-3-steps)**

Evgeny

---

<div class="post-metadata">

**Author:** ![jesse.muiruri](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/jesse.muiruri/32/5523_2.png) [@jesse.muiruri](https://forum.finsweet.com/u/jesse.muiruri)\
**Post date:** [January 23, 2026, 12:58pm UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772/3 "2026-01-23T12:58:40Z")

</div>

Hi @mishin.ei10

Great to see you got the nesting working

How’s the filter, sort, & limits?

One way to avoid showing the flash is to start off at a `visibility:hidden` then show the list once the list loads

---

<div class="post-metadata">

**Author:** ![mishin.ei10](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mishin.ei10/32/4043_2.png) [@mishin.ei10](https://forum.finsweet.com/u/mishin.ei10)\
**Post date:** [January 27, 2026, 6:07pm UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772/4 "2026-01-27T18:07:13Z")

</div>

Hi Jesse,

So the latest setup is that chatGPT provided a script to sort the nested collection based on a CMS field.  
It works but sometimes it loads not fast enough.

I’m curious if you have any suggestions regarding sorting and filterting nested lists?

---

<div class="post-metadata">

**Author:** ![jesse.muiruri](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/jesse.muiruri/32/5523_2.png) [@jesse.muiruri](https://forum.finsweet.com/u/jesse.muiruri)\
**Post date:** [January 28, 2026, 11:49am UTC](https://forum.finsweet.com/t/need-help-with-nesting-lists/6772/5 "2026-01-28T11:49:44Z")

</div>

Hi @mishin.ei10

Looks like the reason it might be taking time is because of the `setTimeouts` in the `runSoon` function

```auto
// Wait a tiny bit for nesting to settle, then sort
  function runSoon() {
    requestAnimationFrame(() => {
      sortAll();
      setTimeout(sortAll, 80);
      setTimeout(sortAll, 200);
    });
  }

```

Maybe you could try polling using `setInterval` so the code runs once the `NESTED_LIST_SELECTOR` is available for instance

```auto
const startTime = Date.now();
const maxWait = 10000; // 10 seconds

const intervalId = setInterval(() => {
  const el = document.querySelector(NESTED_LIST_SELECTOR);

  if (el) {
    clearInterval(intervalId);
    console.log('Element found:', el);
    return;
  }

  if (Date.now() - startTime > maxWait) {
    clearInterval(intervalId);
    console.warn('Element not found within time limit');
  }
}, 1000);

```

Or better yet, you could utilize a `MutationObserver`

```auto
const observer = new MutationObserver(() => {
  const el = document.querySelector(NESTED_LIST_SELECTOR);

  if (el) {
    console.log('Element found:', el);
    observer.disconnect();

    // Your logic here
  }
});

observer.observe(document.body, {
  childList: true,
  subtree: true
});

```