I am having an issue with Variants, interactive components and overlays. Here’s the issue:
I have created a component and have three variants (this is a button for a multi step form:
This works fine with interactive components set to ‘change to’ the different states depending on mouse enter, click, mouse leave etc. This saves so much time and works great!
However, when I add this to a page on my file it works fine, until I use the compnent to open an overlay when clicked. The overlay opens but the variant does not change to the clicked state when they overlay opens as it does when no overlay is activated, it stays in the hover state. I think it is because when the component is clicked to open the overlay it is over riding the variant ‘change to’ when clicked.
Is there a way to fix this issue im having? Or am i being a dumbass?