Skip to main content
Solved

Scrollable vertical is disabled for instances?

  • February 4, 2021
  • 8 replies
  • 4975 views

BorojiDesignInc

Here is a video explaining my struggle 👇

Can we have another checkbox to enable and disable fixed positioning for overlays?

Here is a sample in Bootstrap: 👇

Best answer by Tom_Lowry

@BorojiDesignInc so happy you got it all working!!!

View original
This topic has been closed for comments

8 replies

Tom_Lowry
Figmate
  • Figmate
  • 32 replies
  • February 12, 2021

Hey @BorojiDesignInc

Would something like this work, if you set vertical scrolling on the entire frame that the modal content is in? You can use the manual setting for the overlay if you need it to be in a specific area. Here is an example:

Figma – 12 Feb 21

BorojiDesignInc

How did you manage to give your modal vertical scrolling ? @Tom_Lowry Mine is disabled 👇


BorojiDesignInc

Would you mind helping me out with this problem ? @Josh

Have you by any chance found out why it is disabled and grayed out when it comes to instances ? @Tom_Lowry


Tom_Lowry
Figmate
  • Figmate
  • 32 replies
  • February 25, 2021

Hey @BorojiDesignInc I believe two things have to happen. First: scrolling needs to be enabled in the Main Component (it is not an overrideable property within an instance). Second: the frame needs to be smaller than the content in the direction you are planning to scroll, otherwise you will get a little warning when you set the scroll behavior. Hope this helps!!


BorojiDesignInc

Hey @Tom_Lowry OMG you were right on spot. I didn’t know I had to enable it in the main component. I also reduced the frame size to get rid of the error message 💃

Thank you so much again 😍

I don’t know how to mark this ticket as solved, otherwise I would have right now.


Tom_Lowry
Figmate
  • Figmate
  • 32 replies
  • Answer
  • February 26, 2021

@BorojiDesignInc so happy you got it all working!!!


August_Browning

@Tom_Lowry solution did not work for me. The main component has vertical scrolling enabled with no exclamation point indicating the scrolling is not working. The instance however has vertical scrolling disabled. What am I missing?


Leonardo_Falaschini

Apparently, Scroll To it doesn’t work if the instance is inside a non-instanced Layout, but normal ClickTo Actions seem to work. It doesn’t make sense.


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