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?
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>