Content lost on reflow (reflow-visibility)

Ensure that no essential content disappears when the viewport is resized or zoomed (e.g., to 320 px width).


Flexbox layout breaks on reflow:

A horizontal flex row with nowrap and fixed/min widths forces panels to remain side-by-side. Horizontal overflow is hidden, so panels on the right are clipped and cannot be reached at narrow viewports.


Panel 1

This panel stays visible.

Panel 2

At small widths/zoom, this panel becomes partially or fully clipped.

Focusable link 2

Panel 3

This panel can be completely hidden due to overflow: hidden on the row.

Note: Impossible to fully automate. Requires human testing or AI to verify whether flex layouts with flex-wrap: nowrap and overflow: hidden cause essential content to be lost on reflow.


axe detected: none  |  QualWeb detected: none