Skip to main content
Dmitry_Avrov
New Participant
March 7, 2023
Question

Content jumps up and down with using of smart animate and AL

  • March 7, 2023
  • 28 replies
  • 10861 views

I use some components in footer, that have two states: collapsed and expanded. All components and the main frame have Auto Layout. When I click on the collapsed component in the prototype the screen jumps up and down before the list expands with animation.

As I understand, the problem is connected to constraints of the contents. When I choose Smart Animation, I can’t set checkbox “Preserve scroll position”, because there is no checkboxes.

When I choose “Instant” and choose the “Preserve scroll position” option everything works well. But I want to do it with animation.

drive.google.com
This topic has been closed for replies.

28 replies

Ade_Purnama
June 29, 2023

I also have this issue, have you found the fix yet?

Carry_the_carrot
July 4, 2023

Me too. I was having the same issue and I was wondering if I was doing something wrong.

July 5, 2023

I have the same 😦

July 5, 2023

“the top level frame name should be identical with the target frame, otherwhise the preserve scroll won’t work.”

It works for me

Ema_Golubic
July 5, 2023

also have this issue, have you found the fix yet?

Ema_Golubic
July 5, 2023

testing this

Ema_Golubic
July 5, 2023

Me too. I was having the same

ddahdkahdkadkahdkadhkahdkahdadkdahdjahdjhadjadjajdajdbjabdjabdjabdjabdjadbjabdjabdjadbjadbjabdjadjabdja

ville1
August 20, 2023

I was having a this problem and after some troubleshooting, I realized that I had a frame (in my case, this was a background design) that wasn’t set to Clip in the same size as all the other frames I was prototyping.

TLDR;Making sure all my frames, groups and autolayouts were clipped in the same size fixed this issue for me.

Ori_Perez
August 20, 2023

OK. Bit annoying but tested. I had this issue with smart animate within a mobile prototype that jumped to top/didn’t maintain scroll position; made sure frames were in the same name and position, and even tried evening out the outer frames (‘pages’) height. Didn’t work.

FIX: I renamed the artboard/pages frames - to the SAME NAME; it works like magic.
format should be “FrameName” or “FrameName/Name” (the issue here was that I used dash “-” instead of slash “/”, use Slash).

I Hope Figma would fix this transition regardless of frame names.

Petr_Siroky
New Participant
September 13, 2023

I don’t understand your solution - you’re saying you’ve renamed the frames to the same name, but what if I’m having this issue with a component on a single page? There is nothing to rename there, I’m assuming your problem was between multiple pages somehow, but I’m having this issue while staying on one page and simple clicking between two variants of a component.