Skip to main content
Question

Responsive prototype scrolls when less than initial size even when set to no scrolling?

  • October 1, 2024
  • 8 replies
  • 166 views

Peter_Uithoven

When viewing a prototype in responsive mode it enables scroll when the viewport height is less than the designed height. Even when it’s set to No scrolling, there is no min width or height etc.

I want the prototype to be responsive, have it adapt to the size of the viewport of the user, whether the viewport is bigger or smaller. When I need a min size I can always define a min width/height.

Making the initial frames of prototypes much smaller than what’s common is cumbersome because it’s makes it harder to work with the page. You’d always be looking / working with what’s an edge case.


It can lead to weird issues, where once you’ve scrolled through a child element it will scroll the whole page:

Example file:

Figma – 1 Oct 24

Is there a workaround?

8 replies

Luke-Itineris
  • Active Member
  • 129 replies
  • October 1, 2024

Not sure what you are trying to achieve, or what your question is here?


Peter_Uithoven

I’ll try to clarify my original post. But I don’t want the prototype to scroll, I want it to be responsive. Take up more or less space, depending on the viewport of the user.


Luke-Itineris
  • Active Member
  • 129 replies
  • October 1, 2024

Peter_Uithoven

Still seems to scroll? What did you change?


Luke-Itineris
  • Active Member
  • 129 replies
  • October 1, 2024

yes, it seems to scroll when the viewport is smaller than the frame.

why do you want a viewport that small for?


Peter_Uithoven

Ah that’s just an example. Our actual designs are 832 high, but some of our users have smaller viewports during our user tests.


Mattan_Ingram

I have this exact same issue. The top level frame doesn’t get smaller than its initial dimensions when set to Responsive mode. Means its broken for anyone testing on device or window smaller than original design. Should only do that if a min height/width is set on the frame.


Vako_Shvili
  • New Member
  • 2 replies
  • February 20, 2025

@Mattan_Ingram A solution from this thread seems to work. Changing scroll behavior on the top level frame to vertical instead of default no scrolling.

(Although, for me it ends up ignoring the spacing on the bottom of the frame and clipping the design to the last layer on the frame. I’m forced to add some invisible layer for to get that extra spacing on the bottom.)


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