Skip to main content
Lenorq
New Member
May 3, 2021
Question

Variant Interactions vs Interactions

  • May 3, 2021
  • 9 replies
  • 1491 views

Sometimes after creating components with variant interactions I can’t add typical interactions to cooperate them all … 😕

This topic has been closed for replies.

9 replies

fall_simply
May 4, 2021

Interactions set on the component take precedent over Variant Interactions. If you can share what you’re trying to do, I can see if I can help!

Lenorq
LenorqAuthor
New Member
May 5, 2021

Yeah I knew that, but sometimes I cant edit and add something more for typical stuff, If I will have the same problem I’m back and then we can discuss, using real file/prototype to solve the problem :).

Brandon1
May 6, 2021

We’re actually running into what I think is the same issue. Clicking on Interactions does nothing.

Paul_Middelkoop
May 14, 2021

Maybe I have a similar problem - when I try to switch components from one variant to another variant (a different component entirely), it is not possible. I can only switch types of variants within one variant.

Andrew_Croce
May 14, 2021

I can confirm I’m having something similar happen on a button component with a few variant interactions.

Variant interactions:
Default State (mouse-enter) → change to Hover State
Hover State (mouse-leave) → change to Default State
Hover State (mouse-down) → change to Active State
Active State (mouse-up) → change to Hover State

I have an instance of the Default State button, and added an OnClick → navigate to another frame, and nothing happens.

If I disable the variant interactions on the instance, the OnClick works as expected.

If I had to guess it’s because the OnClick was initially attached to the Default State instance, and the actual clicking happens while the instance has been change to the Active State. However, the documentation seems to imply this kind of scenario should work as expected, so it seems like a bug.

https://help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants#Different_triggers

Kevin_McGrath
May 14, 2021

I think I’m seeing this also. To clarify, I have a simple button with basic hover & active interactions built into the component. When I use an instance in a different file and try to give it the ‘Navigate To’ interaction, the component interactions work fine but it completely ignores the instance interaction.
Kinda the whole point of buttons…

Riley_Grant
April 26, 2022

Bump.

This is still an issue.

February 21, 2023

I have a navigation bar made using variants.
I have a slide menu overlay on tap
along with a change of variant on tap for each button.
They will not work together of interactions details settings.
I am new to figma; yet I have worked with Adobe XD in the past.
This is a very buggy SAAS.

April 8, 2024

This is still an issue, has anyone found a solution to this?