Skip to main content
Sissy_Arenas
Aug 19, 2024 4:45 AM UTC
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.

This topic has been closed for replies.

10 replies

Raphael_M
Raphael_M
Power Member
Aug 19, 2024 9:45 AM UTC

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

Sissy_ArenasAuthor
Aug 19, 2024 5:28 PM UTC

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
Raphael_M
Power Member
Aug 20, 2024 2:26 AM UTC

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.

image

Sissy_ArenasAuthor
Aug 27, 2024 11:28 PM UTC

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
Raphael_M
Power Member
Aug 28, 2024 1:31 AM UTC

Seems to work though in my case.

Sissy_ArenasAuthor
Aug 28, 2024 2:42 AM UTC

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
Raphael_M
Power Member
Aug 28, 2024 3:27 AM UTC

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
Raphael_M
Power Member
Aug 28, 2024 3:38 AM UTC

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

Sissy_ArenasAuthor
Aug 28, 2024 6:50 PM UTC

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
akay
New Member
Mar 12, 2025 5:51 PM UTC

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 🎉

 

Terms & ConditionsAccessibility statement