Skip to main content
Solved

Prototype scroll position jumps when click on interactive component in auto layout


Hi, I have a interactive component (an accordion) which uses auto layout. I have it on an auto layout frame which grows when the accordion is opened.

However, When I view my prototype, if I scroll FIRST then interact with my accordion, I notice the screen jumps to the top of the page and back down to the position I’m at.

This doesn’t happen when I view my prototype, and then interact on the accordion FIRST and don’t scroll down my page.

I’m fairly new to Figma and I can’t upload any attachments, but I think it might related to scroll positions and auto layout, so I tried so many different options but I’m really stumped.

Best answer by Lailah

@Craig12 @Alberto_Contreras So I edited my accordion prototype interact to “Instant” instead of “smart animate” when clicked. I kept the frame for the page’s height set to hug, and it looks like it resolved the issue! Does this work for y’all?

View original
This topic has been closed for comments

7 replies

Alberto_Contreras

Same problem here. Has anybody fixed this?


Craig12
  • New Participant
  • 13 replies
  • July 31, 2023

Same problem here. I’ve done this same type of interaction a hundred times. I noticed this started with the most recent update of Figma, around the time of config. Of course, that could have just been when I noticed it rather than when this bug started.

It’s driving me mad. I can’t even do a simple accordion in my prototypes. @figma PLEASE feedback. I’ve not had a reply to my DM either…


Craig12
  • New Participant
  • 13 replies
  • July 31, 2023

@Lailah @Alberto_Contreras
I did just find that if I place my autolayout object inside a Frame that the issue then goes away. You do, however, need to manually change the size of the frame to fit your autolayout object as it grows or shrinks in size.
This is still a bug and this is just a temporary work around that may help you.


  • Author
  • 1 reply
  • Answer
  • July 31, 2023

@Craig12 @Alberto_Contreras So I edited my accordion prototype interact to “Instant” instead of “smart animate” when clicked. I kept the frame for the page’s height set to hug, and it looks like it resolved the issue! Does this work for y’all?


Craig12
  • New Participant
  • 13 replies
  • August 1, 2023

@Lailah Yes, removing smart animate does work for me. So… it looks like it is a smart animate issue…


Alberto_Contreras

@Lailah figured the same. Not optimal tho since I need to have a close-to-reality prototype. The bug is there and it seems related to Smart Animate. Hope the Figma people find a workaround tho this


  • 0 replies
  • August 4, 2023

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.


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