Reset scroll position of an overlay when closing

13 replies
1426 views

Hi all,

I’ve been running into a scroll position issue since state management was introduced.

I have a page with various buttons, and when selected, opens an overlay. These overlays have scrollable content on them, allowing the user to view the content. If the content has been scrolled and the overlay closed, when reopening the overlay the scroll position hasn’t been reset.

I have the option to ‘reset scroll position’ on the button-to-overlay interaction, but this resets the main page and there is no 'reset scroll position on the ‘close overlay’ menu interaction.

I ran a test there the overlay was treated as a new page (so ‘navigate to’ instead of ‘open overlay’) and the ‘back’ interaction on the overlay has the option to reset and behaves as expected.

What am I doing wrong? I know the state management setup indicates that layers need to be named the same, but this is to maintain scroll position. I need to reset the scroll position on the overlay once it has been closed.

Thanks

Ask the community

This topic has been closed for replies.

P

Patrick_Richter

Hi all, I have the same problem in my overlay and would like to learn a solution for this.
Many thanks

Marcus_Harvey

New Participant

I have the same issue

Niko_Sandbacka

New Member

Same issue here. When “open overlay” is selected as an interaction, the overlay does not reset scroll position even if I have selected “reset component state”. This has worked previously and doesn’t.

Does anyone know solution to this issue?

Viktor_Lanneld

New Participant

Same problem here. Would be easy to have an “Reset scroll position” option as for other interactions and keep the default to not reset it.

Lachlan1

New Participant

Same issue here. This is wreaking havoc on our prototypes for usability testing and really starting to test our patience. I honestly can’t think of a reason why i’d want to reset the scroll position of the page when opening an overlay so this reeeeallly feels like a bug.