Create an element (button) that will trigger an interaction (ex., open a popup)
Set an action and set the animation type to fadeIn
Notice how the button on the frontend has disappeared due to the opacity value coming from the animate.min.css (the animation styles).
This can be resolved by adding an opacity value to the element, but this wasn’t needed before. Also, I’m concerned about what other styles will be applied to the trigger element with other animation types (not just the opacity). I’m guessing there’s a CSS specificity issue happening somewhere.
Since the subject of this ticket states it’s a “mobile first” issue I just wanted to add that it’s not just mobile first but the same problem with regular breakpoints.
With the following interaction configuration (see screenshot) attached to a button the button gets hidden.
