Thanks for reporting this, I’m going to prevent text from wrapping in all buttons to avoid this. The next time you update Discourse this should be fixed.
main ← ux-no-button-wrap
merged 08:43PM - 10 Mar 26 UTC
In latin languages lines of text generally only break with spaces or hyphens unl… ess designated otherwise. In Chinese/Korean/Japanese every character is potentially a valid place to break a line... this means in flex layouts buttons can wrap with only 2 characters when sibling elements get priority over the available space.
Rather than handling these on a case-by-case basis based on how the layout works (likely a dozen cases where we'd need to fix this), the best course seems to be preventing wrapping within buttons entirely. Wrapping button text isn't ideal in any language, and in cases where it does happen we should handle them with shorter labels or some other handling.
Before:
<img width="1765" height="834" alt="image" src="https://github.com/user-attachments/assets/c55b9512-4cc4-4025-a2be-6c38f431957c" />
After:
<img width="2118" height="898" alt="image" src="https://github.com/user-attachments/assets/69082bda-1b70-46fd-b11a-a41744a89914" />
1 Like