Skip to main content
Question

Variant Interactions vs Interactions


Lenorq

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

9 replies

fall_simply

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
  • Author
  • 2 replies
  • 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
  • 3 replies
  • May 6, 2021

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


Paul_Middelkoop

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

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

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

Bump.

This is still an issue.


  • 1 reply
  • 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.


  • 1 reply
  • April 8, 2024

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


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings