242
dynamic type
also Dynamic Type, font scale
The user sets a larger text size. The layout has to survive the largest one.
What is dynamic type?
Dynamic Type, or font scale, is the OS text-size setting. Layouts that fixed a height in points clip the label. Icons that scale without a limit push actions off the screen. The largest accessibility sizes are part of the product, not an edge you skip.
Why does dynamic type matter when vibe coding?
Generated screens use a fixed 16 and a fixed row height. At the largest size the title is cut in half and the button is below the fold with no scroll.
How do you do dynamic type?
Use text styles that scale. Let rows grow. Allow scroll. Test the largest content size. Do not truncate the only label of a control.
How do you ask a model for dynamic type?
Support dynamic type on (screen) up to the largest accessibility size. Do not fix the row height. Do not clip the label. Keep the primary action reachable.
What goes wrong with dynamic type?
Disabling font scaling on the root to “keep the design.” The setting the user asked for is ignored.