Allow Hover AND Click together

With the general release of interactive components today, I was excited to give it a try. As you can imagine after trying the most basic useful thing I could imagine…I found my way to this support thread. Is it really true that a click on my button component can’t proceed to frame 2?? Is this possible?

Works perfect 👍

Having this problem as well. Any workaround?

Thanks for this one! ❤️

I have this issue as well.

I completely agree. Is there a technical reason why this isn’t possible ?

I completely agree. Is there a technical reason why this isn’t possible ?

Yeah, the way Figma does component variants the variant you are switching to on hover is considered a different item entirely, it is not just a modification of the original variant (the way it works in HTML/CSS for example). So when you click on a hovered item you are clicking on the hover variant, not the original one. This means the click action needs to go on the hover variant.

In general this is the way Figma does everything, styles and items aren’t actually changing, they are being swapped out or layered on top of each other. Smart animate can add a transition between these states, but the new state is still considered an entirely separate item/component.

I see.

Creating components then adding hover variants to them works well in the end. That was my solution to this issue 😁

Is there still no solution for this? Was wanting to have a dropdown menu item change color on click.

I actually think that the scenario above should be doable with current figma functions. You’d need to create a “hover” and a “pressed” state in the variant. You should than have the color change in your prototypes.

Thank you! Your clip helped me a lot.