List Slider won't reset interactions properly

I have a List Slider with some interactions that I can’t make it work properly using Attributes v2, the interactions won’t reset properly. Any ideas?

Here’s my preview link

And here’s the live project

The first slider on the page ‘Home Testing’ is the one I can’t make it work, the second one I’m waiting to see if I can make the first one work before doing anything with it.

Hey @aaron! Thanks for pointing this out, I am not sure if adding the interaction to both the slide and the collection item element could be causing this issue.

You could try removing the interaction from the collection item so it is not duplicated.

If this doesn’t work, in the meantime, you can use this snippet to reset the interaction engine after the script has finished loading.

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

      const [listInstance] = listInstances;
      window.Webflow && window.Webflow.destroy();
      window.Webflow && window.Webflow.ready();
      window.Webflow && window.Webflow.require('ix2').init();
      document.dispatchEvent(new Event('readystatechange'));
    },
  ]);
</script>

If you go the snippet route, you can safely remove the resetix attribute from the setup.