Skip to main content
Question

Responsive prototype has extra width & allows horizontal scrolling - SOLUTION

  • August 13, 2024
  • 4 replies
  • 266 views

TomAustin

I have found some of my responsive designs when viewed as a responsive prototype are scaling down correctly but then are still scrollable to the right with a blank area.

Solution - Set the Scroll Behaviour Overflow to Vertical on the top most frame (not sure if this works if your top most frame is a component)

Hope this helps someone,
Cheers

  • Figmate
  • August 15, 2024

Hi @TomAustin, Thank you so much for sharing your tips on scroll and overflow behavior.

Your insights will be incredibly valuable to our community members! We appreciate you taking the time to share your experiences.

Thanks again for your input!


Paul_Palade

Iโ€™ve really been looking for this! Canโ€™t wait to try it ๐Ÿ”ฅ


Vasile_Schidu

โ€‹@TomAustin  solution works ! ๐Ÿ˜

Or - Set the Scroll Behaviour Overflow to HORIZONTAL on the top most frame, in case you have blank area on the bottom. ๐Ÿค”


adilhassan
  • New Participant
  • February 12, 2025

Great find! Setting the Scroll Behavior to Vertical on the topmost frame is a solid fix for unwanted horizontal scrolling. Another thing to check is whether any elements extend beyond the frame boundaries. Using "Clip Content" can also help prevent overflow issues.


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