Skip to main content
Question

"Open overlay" resets main component scroll position BUG


Valter_L

Issue: Open overlay resets parent frame scroll position, even tho it is not checked. (Only new state prototype ones are scrolling up)

That’s it, as simple as that. I don’t know why.

20 replies

Ryan_52
Figmate
  • Technical Quality Specialist
  • 382 replies
  • September 20, 2023

Hi @Valter_L I’ve tested this from my end but are unable to reproduce the issue. Can you try clearing your cache and see if it still recreates? If so mind sharing a example or video?


I’m having the same issue. Opening overlay resets the parent frame scroll, and checking the reset button and turning it back off does not change anything.


Fernando_Lins

@Valter_L @lindsey_duong Could you please try using the same prefix for your page and overlay frames, for example “Home / Page” and “Home / Overlay” and see if that fixes the issue?


Valter_L
  • Author
  • 5 replies
  • September 21, 2023

Tried it, but it didn’t. It seems to be a flaky bug, since if I create a blank project and do it exactly the same way, it works. On the other project where there are old relations & new ones, same settings cause it to jump to top.


Valter_L
  • Author
  • 5 replies
  • September 21, 2023
Figma – 2 Sep 22

There are 2 identical settings here, one jumps to top, other doesnt. (the one that doesnt is a blank new frame, where popup modal was added the same way.


Ryan_52
Figmate
  • Technical Quality Specialist
  • 382 replies
  • September 21, 2023

Thank you for the clarification and example. I have passed the information along and we are investigating further with our engineering team.


Eliana_Cancinos

having the same issue, one file we made yesterday works perfectly and one we made today has this problem


Valter_L
  • Author
  • 5 replies
  • October 5, 2023

Has there been any updates on this topic?


Ryan_52
Figmate
  • Technical Quality Specialist
  • 382 replies
  • October 5, 2023

It appears that this issue is isolated to the main components and doesn’t affect instances of those components. Could you please share the specific use cases or scenarios where you are using a main component instead of an instance?


POPflow_Design

Any luck on this one? I’m dealing with the same issue. 😦


Horlle_Design1

Having the same problem here for some time.
Using the new state management system, clicking and opening an overlay always resets the parent frame scroll position to the top, no matter if that option is on or off.


s1110
  • 1 reply
  • December 1, 2023

Same issue. Any updates?


Frederic_Fornini

This is still an ongoing issue, which is a downer for prototyping.
There is a workaround though, it is not ideal but in the meantime it does the job.

You don’t check the box “reset scroll position” and you had to the target overlay :

  • After delay / scroll to 'insert top bloc name here" / Instant.

You can also do this when you close the overlay, which is a tad better animation wise.


Mariam
  • 5 replies
  • January 31, 2024

Having this issue, any updates?


Quentin1
  • 1 reply
  • February 12, 2024

Same issue here, any news?


dvaliao
Figmate
  • Community Support
  • 4654 replies
  • February 13, 2024

Hey All, our team hasn’t been able to consistently reproduce to find a solution yet.

As mentioned above, we did narrow down that the issue seems to only occur with main components and not instances of those main components. Is anyone able to share specific cases or scenarios that you need to use a main component over an instance?


uiuXtina
  • 1 reply
  • March 5, 2024

Sorry if I’m stating the obvious, but the tool tip right next to “State management” solved the issue for me, regrettably after much time spent trying to figure it out:
“Preserve scroll position is automatically applied when top-level frames have identical names or matching prefixes.”
So, after updating my frames to have matching prefixes, it worked flawlessly.

Here’s a super simplified example. (attached video) You can see the frames are prefixed with “drawer/”

(The key with prefixes is that you must use a forward slash- no dashes or anything else will work. It would also work if the frames have the exact same name, but that becomes too difficult with multiple frames.)

Hope this helps!


  • 1 reply
  • August 24, 2024

Our team ran into this issue. The page in our prototype flow was turned into a main component because we have instances of it in a presentation space that needs to stay in sync with the latest designs.
Knowing this now, it’s an easy enough work around to create a separate instance of everything specifically for prototyping, but that feels unnecessarily repetitive and wasn’t the expected behavior.


Emil_Holm
  • 1 reply
  • December 12, 2024

Can you please fix this? It’s an ANCIENT bug and it makes it impossible to prototype properly if you have multiple consecutive overlays.

This error happens when:

From a regular frame/page I open a Overlay. After a delay I then swap the overlay. After another delay I navigate to a different frame/page. Even though I’ve selected not to reset scroll position, it resets the scroll position.

Hope this helps fixing it. It would add like 18 more pages if I need to create new pages instead of overlays…


Claudio_Fresta_Suharno

i also got this. wow, this hasn’t been fixed? do I have to convert my overlays to screen? 


current situation:

screen A: overflow-y scroll, initial position: 30px from the top, one field is empty

screen B: modal bottom sheet for overlay on top of Screen A when the field on Screen A is clicked

screen C: a duplicate of screen A with the field that used to be empty, now it is filled, figma prototype made the scroll position reset to 0px (top)


expectation:

when screen B clicked, the expectation should be:

go to screen C, where the position is 30px from the top
 


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