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 appear and be yellow. The horizontal overflow detection runs whenever the pane is resized or there is a layout change.

Click on it to turn on layout debugging which will highlight the overflow-causing element in red so you can find it quickly:

Additionally, all elements that cause the overflow will be logged to the console so you can quickly inspect them.

100vw

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

100vw will trigger a horizontal scrollbar on devices that render scrollbars, something that is easy to miss if you're on for example macOS.