Skip to main content
Solved

Prototyping: Why the "Push" option is grayed-out in the Interaction menu?


Zacchino

Hello Everyone / Figma Support Team!

Could you please tell me why the “Push” (along some other options) are grayed-out in the Interaction drop-down menu?

I tried changing Overlay to Top-Left, Manual,
But “Push” keeps being grayed-out for no reason…

🙏🏾 Thank you in advance for your kind help / workaround!

Best answer by Gleb

“Push” is just an animation type, not a special type of thing that can partially show both screens. It still replaces one screen with another. So it won’t work here.

In this case you need to recreate the whole screen moved as you want and use Smart Animate transition.

View original

Gleb
  • Power Member
  • June 9, 2021

Push works only when one screen is replacing another one. The overlay doesn’t replace anything so there is nothing to push.


Zacchino

Thanks so much @Gleb for your quick reply!
So I need to choose “On Click : Navigate to” (instead of “Open Overlay”), correct?

Issue is:
I just want this little left panel to partially push the content inside the frame, not its header/footer (not the whole page).

Just like we see in many modern website nav menus, which push the content partially instead of hovering over it like classical menus. (this IX is pretty common nowdays, in Webflow for example, heck even Wordpress has it).


Gleb
  • Power Member
  • June 9, 2021

“Push” is just an animation type, not a special type of thing that can partially show both screens. It still replaces one screen with another. So it won’t work here.

In this case you need to recreate the whole screen moved as you want and use Smart Animate transition.


Kalun
  • August 30, 2022

I have accidentally discovered a bug(hack) that forces Figma to allow you to do push animations with overlays. Select (Navigate to) instead of (Open overlay or Swap overlay), set the push animation, then change (Navigate to) to (Open overlay or Swap overlay). The push animation is preserved. Weird but it works!


Andy_Bell

I came here trying to figure out why Push suddenly stopped being an option in my transition menu, despite using that function to push overlays the same way all afternoon. But this was the fix! I must have stumbled upon that sequence without realizing it earlier, so when I tried to push overlays in a new branch of the same prototype, it was grayed out all of the sudden. But when I followed the same sequence as you laid out, it was active again.

Thank you!!


Did anyone manage to find a solve for this? I think the hack has stopped working 😦


Marianne1

It’s 2024, and this hack still works!


Burak
  • August 23, 2024

Another post… another unanswered problem. Another hours for nothing for a simple job Figma is terrible. their shows are perfect right? but, the product is actually TERRIBLE… Their own documentation is also terrible… You have to spend hours for nothing…



Haley_Nelson1

I wish Figma would spend less time on Make Design and more time fixing their animations menu. I waste SO MUCH TIME trying to find appropriate workarounds for what should be simple animations and interactions.

FIGMA PLEASE FIX THIS.


James_Garnham

So sad and frustrated about this… Sob sob...


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