I can successfully place a collapsible list within a collapsible list when using HTML to make the list.
I was hoping I could use virtual lists to create this behavior. I am creating one virtual list with a custom
renderItem function, and based on if the item has “children”, it will write a
<div class="list virtual-list media-list" id="some different id"></div> within the
accordion-item-content div of the template. Once the first virtual list’s rendering is complete, and I get the
on itemsAfterInsert event to fire, I now create the nested virtual list, referencing the new base element by “some different id”. This nested virtual list method successfully will create collapsible lists within collapsible lists, but it is rendering weird and I cannot figure out why:
I am only wondering if it is not intended to work this way. Before I post code, I wanted to ensure whether or not this was supported.