Skip to main content
Question

Responsive prototype has extra width & allows horizontal scrolling - SOLUTION

  • August 13, 2024
  • 4 replies
  • 370 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

4 replies

  • Figmate
  • 1855 replies
  • 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
  • New Member
  • 3 replies
  • September 14, 2024

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
  • 12 replies
  • 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.


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