Popup content fully visible and usable at default browser zoom levels
Why it matters
Clipped popup content at default browser zoom hides primary actions — Save, Submit, Close — behind invisible overflow. Users on 125% zoom (the OS default on high-DPI Windows laptops and standard for low-vision users covered by WCAG 2.2 SC 1.4.4 Resize Text) hit dead ends where the save button renders below a fixed 200px container with overflow: hidden. The extension appears broken, reviews drop, and uninstalls spike. Accessibility compliance also fails when resized text gets cropped instead of reflowing.
Severity rationale
High because clipped controls make the extension functionally unusable for a measurable segment of users at default zoom levels.
Remediation
Replace fixed heights and overflow: hidden with a bounded, scrollable body. Set an explicit width, cap height with max-height, and let content reflow with overflow-y: auto. In popup.html:
body {
width: 360px;
min-height: 100px;
max-height: 600px;
overflow-y: auto;
box-sizing: border-box;
}
Use rem units for text so browser zoom scales correctly.
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Extension UX & Performance Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
External references
- wcag:2.2 · 1.4.4 — Resize Text
Taxons
History
- 2026-04-18·v1.0.0·Initial import from extension-ux-performance·automated