Scroll to point in component

I have 5 buttons that when clicked they scroll down to a section lower on the page. When I prototype it the scroll-to works, when I create a component out of the frame and view the prototype, the scroll-to works in the component.

The issue is when I copy and paste this component as an instance on another page or file. Not only does the scroll-to interaction disappear from the instance but you cannot use the scroll-to interaction within an instance. Seems like a bug, I have seen a few other reports in the community and nobody has solved it or offered a solution. Very frustrating that it works perfectly in the component but does not work nor allow new scroll-to interactions for the instance.

Yes, there are uncountable posts and feature requests about this issue:

https://forum.figma.com/t/support-scroll-to-within-a-main-component-instances-2022/29045
https://forum.figma.com/t/scroll-to-prototype-is-not-working-in-components/32678

https://forum.figma.com/t/scrollto-inside-component-doesnt-work-for-the-instance/34254
…

@dvaliao maybe it would make sense to reopen and merge them or something. I saw you did that with other posts aswell.

Thanks for looping me in, @Dennis_N!

We’ve re-opened and merged all relevant topics regarding this feature. We’ll pass this along to the team to review.

I also need this! I have a steps component where you open & complete each step individually. This is done in an interactive component. When the last step is finished and the user presses Send, I switch to the last variant which is a ‘completed’ variant. This variant is much shorter than each other variant (which all have a step opened). So I want to ‘scroll to the top of the component’. Currently I can’t do it so you will end up at the bottom of the page with the component completely out of view…

Still encountering issues with this?

You might be able to accomplish it inside the component itself by using the “Reset Scroll Position” feature they added.

Thanks for the suggestion Phil, but this doesn’t help. The interaction is within the component (it is an interactive component) and when I check ‘reset scroll position’ on the component interaction, it doesn’t help with resetting the scroll position in the parent screen that contains the instance.

You might be able to achieve the result then by moving the scrollable part of the experience to the component itself and it is just housed in a parent frame for prototyping. Then, you would have more control of the vertical scroll of the elements inside.