Skip to main content
Question

Scroll-to interaction not working


Ilija

Here’s a link to the prototype that presents the bug in question

Figma – 24 Jun 22

I cannot make either the main component nor the child of the component ‘scroll to’ top nor bottom.

My goal is to have a parent component with interchangeable content in the middle, with two buttons for scrolling to top and bottom, so that when I make child components and change the content in the middle the functionality of scrolling to top and bottom still works.

When I’m using just frames for everything, then everything works fine.
But, as soon as I make a component the ‘scroll to’ buttons stop working.

I also tried making the content height ‘hug’, but the behaviour doesn’t change.

Why doesn’t ‘Scroll to’ interaction on buttons ‘Top’ and ‘Bottom’ work?

8 replies

j.liu
  • 2 replies
  • May 25, 2023

Same problem here. I also encounter this when I try to make an affter-delay animation with scroll-to interaction.
When I detach the instance(make it into normal frame), the scroll-to works fine. But the original component just doesn’t seem to react to scroll to interaction.


Alena_Keln

Also have the problem. If you examine the component and want to reconnect the functions with “scroll-to” this is also not possible, because you can not select the layers. Seems to be a bug to me. If it is not inside a component, scroll-to works fine.
I built a media carousel component with the function, which unfortunately has to be detached every time before it works.


Harun_Alikadic1

Same here. I am trying to make some After delay “scrolls to” for a component with vertical scroll enabled. When the component is embedded into a frame it should showcase automatical scrolling in a card to a specific content. If the component itself is launched in a presentation, it works, but embedded in a frame, not.
I am not sure if this is a bug or by design?


dvaliao
Figmate
  • Community Support
  • 4698 replies
  • November 7, 2023

Hey All, sorry to hear this is happening. Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, so they can take a closer look.


Gerard_Pamies1

Same problem here. Scroll-to works fine as long as not being inside a component. The component works correctly but the instances are not working properly


James_Touhey

I’m having the exact same issue (Now 2025). I set up several scroll-to actions and tested them working as expected, but after making it a component, the actions are lost.


y_toku
Figmate
  • Community Support
  • 2415 replies
  • March 5, 2025

Hi ​@James_Touhey 

 

Thanks for flagging this. I’ve reported this issue with our internal team.

I will get back to you when I have anything I can share with you. 

 

Thanks for your patience.

Toku


Marek Grodzicki
James_Touhey wrote:

I’m having the exact same issue (Now 2025). I set up several scroll-to actions and tested them working as expected, but after making it a component, the actions are lost.

What actually happens is that the instance interaction points to the element in the source component rather than its instance. That makes scrolling to an element that doesn’t belong to the instance or even to the same set of nested frames/objects impossible. The only way atm is to detach component and add actions manually. But then if you want to update the component, you will need to repeat the detach>define process every time.


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