Scroll to point in component

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

Hello Figma Community,
i am really new to figma. i am trying out my first prototype but stuck on my second day.

I build a sidebar component, where i can scroll the content and click some tabs to scroll down to the sidebar sections.
If i start the preview from the component it works as expected.
If i put the component to a page, where i will need it to use it more than once, i can scroll it, but the link interactions from the tabs don’t work anymore. (even the mousehand disappears)

Where is my fault? What did i forgot to check?
I would be happy if theres some help here.
Thanks a lot!!
Henning

Took a video for better understanding

Yeah I have the same problem here 😕
I think it’s a bug when it comes to nested components…

If not, I’m really missing something

Yeah, I have the same problem 🥲 @Figma_Support helppppp us

You can only scroll to top level objects.
When you try the sidebar on it’s own it works because the sidebar is the top level frame. As soon as you put it inside another frame, like when you put it inside the desktop frame, the sidebar is no longer the top level frame and scrolling stops working.

Please upvote! I am looking to reopen this previously closed request because I encountered this same issue recently. Scroll to point in component

This specific behavior feels like a bug because it allows you to create a component with scroll to triggers that worked before you make it a component – but then don’t work after you create it. It deliberately breaks all the links even though all the scrolling is encapsulated within the component itself.

I would rather have Figma tell me that a component cannot be created vs. creating it and not having the interactions work.

More importantly, fixing this would radically simplify some use cases where you have to make tons of variants to handle multi-state interactions. Simple scroll-to support would eliminate the need for so many variants (e.g. a large single-select radio button group).

This is particularly important for navigation. For instance, to create navigation to anchored links within a page, setting up scroll on a component is important so that you can use the same navigation across all of your screens.

See also the description of this problem here:
https://forum.figma.com/t/scroll-to-in-component-doesnt-work/19067

I have a component and set scroll to animation for that component. But it’s not working for the copies of that component. Any ideas?

I have a wide layer and a button in the component which scrolls to the last hidden right column.
When I bring the instance on the page scrollTO doesn’t work and there is no way to reset it or make a new connection.