I set the font to the largest size and found the same bug eleven times
I was cleaning up the UI on a side-project iOS app and did one thing: set Dynamic Type to XXXL and screenshot every screen. Reading the code had turned up nothing. The screenshots showed problems immediately. Eleven of them, in the end. All the same cause. Here's the conclusion first. "A parent that pins things side by side" × "text that grows" is not a bug, it's a pattern. And in Japanese it…
The reporter set the Dynamic Type font size to the largest option and took screenshots of each screen in an iOS app. After reviewing the code, no issues were found, but the screenshots revealed eleven identical bugs. The root cause was a parent view that pinned elements side-by-side, while the text grew in size. This layout pattern worked well for English but caused problems in Japanese.
Japanese text wraps more frequently, leading to vertical stacking of words and a column that becomes one character wide. This issue manifested differently across the eleven screens, but the fix was the same: adjust the layout for rows with values, while keeping affordances like chevrons and toggles on the right. The reporter found this issue by taking screenshots at the standard size and discovering that a wrapping sentence among other children caused the problem.
The reporter also discovered that a Picker with a Toggle should not be pinned to the right, as it led to a broken interface. Additionally, UI tests hadn't been run at the maximum text size, which led to the discovery of further issues. The reporter concluded that fixing one instance of the bug fixed all eleven screens. The reporter emphasizes the importance of thoroughly testing all screens, especially when encountering similar layout patterns, and not declaring convergence until all screens have been examined.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
