Skip to contentSkip to footer

Horizontal overflow detection

Polypane will automatically check panes for horizontal overflow issues and show an icon below a pane when it finds either a horizontal scroll, or an element with 100vw.

Horizontal Overflow

When a horizontal overflow is detected the icon will be yellow. Click on it to turn on layout debugging which will highlight the overflow-causing element in red.

100vw

When the page layout is set to 100vw, the icon will be blue, and clicking on it will open the elements panel with the detected element selected.

While not an issue in itself, 100vw will trigger a horizontal scrollbar on devices that render scrollbars.

Read more about overflow issues in our article dealing with horizontal overflows.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot