Animated elements break list filter functionality

[mburtscher]

Related Attributes

List Filter

Describe the bug

We have added a perfectly working list filter (https://finsweet.com/attributes/list-filter) to our site but experienced problems in combination with iframemanager (https://github.com/orestbida/iframemanager). As soon as the iframe privacy plugin would initialize, the filter did not work anymore (clicking the pills won't hide/show the associated elements).

We found out that an animated element was added by Iframemanager. After removing it with display: none; animation: none; the problem was gone immediately.

Adding an animation to any contained element will break the list filter immediately. Disabling the CSS attribute makes it work again instantly.

To Reproduce

1. Create a list filter
2. Add a spinning animation to any child element within any of the filtered content pieces.
3. Filter will break immediately.

Expected behavior

Filter should work regardless of contained elements.

Screenshots

Affected devices

Chrome 140
Windows 11

Links

Can provide access to the site as soon as it is published.

Additional information

This is the animation definition that was applied:

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}