Skip to main content
August 19, 2024
Question

Button states stop working when prototyping and navigating to different frame

  • August 19, 2024
  • 10 replies
  • 900 views

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.

This topic has been closed for replies.

10 replies

Raphael_M
Power Member
August 19, 2024

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

August 19, 2024

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
Power Member
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.

August 27, 2024

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
Power Member
August 28, 2024

Seems to work though in my case.

August 28, 2024

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
Power Member
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
Power Member
August 28, 2024

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

August 28, 2024

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

akay
New Member
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 🎉