Button component using "while pressed" works as expected until interaction added

Question

I may be going crazy…I have made a very simple button component with two variants Default and Pressed, these are connected by a “While Pressed” noodle with a change to  “Pressed” interaction. When I use an instance of this button in a prototype it behaves as expected pressing the button changes its state to “pressed”, releasing the button changes its state back to “default”. Great! however when I add an interaction to the button in the prototype (on click set variable etc.)  when the button is clicked the variable is set but the button does not return to the default state - remaining in the pressed state.Adding the Interaction to the button instanceI am sure this was working before, hence doubting my sanity… What am I missing, is there an easy workaround/fix? Thank you in advance!

Ondrej_Pavlicek · Accepted Answer

Hi! 👋Thanks for sharing this!I found a similar issue that was already reported and confirmed by the Figma team:I also came up with a small workaround. It's not ideal, but it seems to do the trick.I simply added one extra interaction to the Pressed variant in the main component: Mouse Leave → Change to Default (with a 1ms delay).Everything else stays the same.Hope this helps!

Sign up

Login with SSO

Login to the community

Login with SSO