Skip to main content
Question

Responsive prototype has extra width & allows horizontal scrolling - SOLUTION

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

This topic has been closed for replies.

4 replies

  • 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
  • New Member
  • September 14, 2024

I’ve really been looking for this! Can’t wait to try it 🔥


Vasile_Schidu
  • New Member
  • February 12, 2025

@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.