Back to patterns
mobile-recomposition
Mobile Recomposition
Change grouping, order, disclosure, and control layout for narrow screens instead of proportionally shrinking desktop UI.
PatternsRecommended
Intent
Preserve task priority, reading order, accessible targets, and inspectable content under narrow width and limited height.
Checks
- Define the narrow-screen content and action priority explicitly.
- Keep DOM, focus, and visual order coherent.
- Test long labels, keyboards, and short landscape height where relevant.
Warnings
- Do not hide essential context merely to remove horizontal scrolling.
Exceptions
- Inherently two-dimensional data may use a labeled horizontal scroll region.