Skip to main content
Question

Button states stop working when prototyping and navigating to different frame


i’m prototyping on Figma, i have buttons that change states once clicked on. The button changes states and works fine when I press it while I’m presenting, however once I make it so that clicking the button makes you navigate to a different frame/page, the button doesn’t change states anymore. How can i fix this? I already tried adding a delay when it navigates to a different page, but it seems like the button stops working all together in terms of changing states. Not sure if this is a bug.

10 replies

Raphael_M
  • Active Member
  • 315 replies
  • August 19, 2024

Hi, Sissy. Can you show a video about it or send us a copy of the file?


Here is the video. I also realized I need help making it so that the button changes back to it’s non-clicked state. You see how even after I press it, it’s still shaded blue.

drive.google.com

Raphael_M
  • Active Member
  • 315 replies
  • August 20, 2024

That’s not possible. Why would you add a selected variant for the button when it’s going to navigate to another frame?

The most you can do is either add a while pressing or hover for those kind of buttons.


thanks. that seems to work if I put that button in a frame. but the changing of the states still doesn’t work when you click the button (that changes states while pressing) and it navigates to a different frame. Navigating to a different frame makes it so that the changing of states doesn’t work


Raphael_M
  • Active Member
  • 315 replies
  • August 28, 2024

Seems to work though in my case.


doesn’t for me, won’t let me click “On Click,” and then the changing of the states doesn’t workhttps://drive.google.com/drive/u/0/home


Raphael_M
  • Active Member
  • 315 replies
  • August 28, 2024

Hmm. Can you explain why it won’t let you click “on click”? Can you send the file? The google drive link is a link to anyone’s google drive home


Raphael_M
  • Active Member
  • 315 replies
  • August 28, 2024

It should work, you have to check the component if the on click is removed.


ok the on click works now cause in the interactions i had already used on click and needed to get rid of it. but the changing of states doesn’t work. it wont let me share a link anymore bc the error message says i can’t send a link to this host


  • New Member
  • 2 replies
  • March 12, 2025

I had a similar issue where my button functions did not work with a setup that seemed reasonable (which I had duplicated from a community example I found).
Both the button states and the navigation finally started working when I set it up as:

Default: on mouse enter - change to Hover
Hover: on mouse leave - change to Default
Hover: while pressing - change to Down

And that allowed my on click - navigate to to work correctly 🎉

 


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