Issue with Webflow Dropdowns and Finsweet CMS Load

Attributes
,
1

I use Finsweet CMS Load and created a “Load More” button that works fine. My CMS consists of closed dropdowns, but when I click “Load More,” the new dropdowns load open and are not clickable. How do I fix this issue?

2

Hey @taevskyy! How are you mananging the dropdown interactions? Webflow interactions or custom js?

If you are using custom interactions you should add the fs-list-resetix = true attribute to the list element, just as a note: all interactions that have an Initial State will be restored to it, use with caution to avoid unexpected UX behaviors.

If you are using custom code, you’ll need to re-run it after new items are rendered. This can be done with the API

<script>
  window.FinsweetAttributes = window.FinsweetAttributes || [];
  window.FinsweetAttributes.push([
    'list',
    (listInstances) => {
      console.log('List Successfully loaded!');
  
      const [listInstance] = listInstances;

      // Code that animates dropdowns

      listInstance.addHook('render', (items)=>{
        console.log(items);
        // Re-run the code here
      })
  
    },
  ]);
</script>