Skip to main content
Solved

Component scroll behavior with exclamation - Not staying fixed when vertical scrolling


Hi all!

I’ve been working in a frame where I placed two components that are supposed to be fixed when scrolling (one to the left: A navigation button that scroll sideways when clicked ), and an Upper bar that is supposed to be on the top of the screen every time I navigate trough scrolling

Last week both components where fixed and working as intended, however today they are not staying still when scrolling. After reading in multiple threads and tutorials I haven’t found the reason of why it stop working. I think it must be related to the fact that in the scroll behavior’s of the components there is a gray circle with an exclamation mark next to the Overflow.

I would appreciate if someone that had faced the same problem in the past could help me

Hint: In the design tab in the constrains section the check box that usually let you fix components s is gone.

Thanks in advance,

Here is a screenshot of the problem:

Best answer by tank666

Why are you even adding overflow behavior for objects that shouldn’t scroll? Set to “No scrolling”.

Make sure all required objects are inside this instance. Also check if the constraints are correct (the vertical value should be set to “Top”) for this instance.

Please see the Help Center article on scrolling and overflow behavior that I attached to the post above.

View original
This topic has been closed for comments

6 replies

tank666
  • 4859 replies
  • April 30, 2023

Remove the vertical overflow behavior and also set a fixed position. Both of these settings are visible in your screenshot.

Figma Help Center

  • Author
  • 3 replies
  • April 30, 2023

Great! Thanks. It worked for the Navigation component. However now the Upper bar is another history: I Changed the overflow to vertical as you said in the answer, however it disappeared from the presentation mode.

Again, thanks for your help


  • Author
  • 3 replies
  • April 30, 2023

This is a screenshot of the presentation mode:


tank666
  • 4859 replies
  • Answer
  • April 30, 2023

Why are you even adding overflow behavior for objects that shouldn’t scroll? Set to “No scrolling”.

Make sure all required objects are inside this instance. Also check if the constraints are correct (the vertical value should be set to “Top”) for this instance.

Please see the Help Center article on scrolling and overflow behavior that I attached to the post above.


Thanks for the help tank!

Now is working!


  • 0 replies
  • May 31, 2023

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


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