So I wanted to have a list you can sort out, and I did it using tabs + collection filters (each tab has a different filter).
I’ve added interactions to my collection items, designed it on a tab (here, the “all” tab) and then duplicated my collection with the working interaction on each tab. Then I applied my filters.
Thing is, where I designed it, on the “All” tab, everything is working fine, but on the other tabs the interaction seems non-existent, even though in Designer I can see it.
Here you can see the interaction is linked on all my tabs. I checked ; it is the right interaction each time :
You can see it easily because the initial state of my elements aren’t the same from a tab to an other :
All tab, no element over my background :
When hovering, everything works as planned :
Now, an other tab is active. Elements are over my divs (they should only be when you hover) :
Here is my public share link
Here is a live published version.
Please ignore whatever has a “test” in the name, the folder and the collection. There is a big empty hero at the top of the page, please scroll down to see where I’m having issues in the “gallery” page.