Containers fixed to source-language length inevitably overflow
Aliases: fixed-width localization failure · source-sized UI · rigid text container
What it is
Source-sized container overflow occurs when a component is dimensioned from one source-language instance, offers no release path through wrapping, reflow, scrolling, or expansion, and a translation exceeds the fixed constraint. Text then escapes, overlaps, clips, or displaces neighboring elements. The defect comes from treating one sample as a maximum, not from an unusually verbose translator.
Why it happens
Fixed width and height are hard constraints, while text extent varies with language, font, scale, and viewport. Once shaped glyphs exceed the line measure, the engine can only wrap, clip, or overflow; fixed height makes wrapping fail in the second dimension. In a row of rigid components, one growing item can compress its neighbors, turning a local difference into a row-wide collision. Content-driven sizing or reflow provides the degrees of freedom needed to absorb that variance.
Where it stops holding
Fixed dimensions are not inherently wrong. Icon buttons, aligned numeric cells, and hardware-constrained displays may require them, but the supported copy set then becomes an explicit constraint that must be verified in every language. Scrolling, scaling, or opening details merely changes the failure mode; if a critical action is unintelligible by default, the usability problem remains.
Applying it
- Prefer content-driven height, min/max width, wrapping, and responsive reflow; avoid locking both dimensions around text.
- Define a shrink order that releases decorative spacing or secondary graphics before wrapping copy, and never compress a primary action into illegibility.
- For genuinely fixed components, maintain reviewed per-language copy budgets and an accessible path to the full text.
- Run bounding-box checks across supported languages, narrow viewports, and text scaling; require no overflow, no overlap, and reachable complete meaning.
Related
- Same group: S1.01.1 Translations of the same content vary substantially in length across languages · S1.01.2 Short labels expand proportionally more than long passages · S1.01.4 Layouts must be tested against the longest language, not the average · S1.01.5 Truncation hides overflow; it does not solve it
- Adjacent: S4.03 Multilingual testing and pseudolocalization · J2.03 Text enlargement and reflow
- Search terms:
intrinsic sizing·text overflow·responsive localization