Some buttons are unusually big on Meta

[hello-smile6 (9pfs)]

For some reason, some buttons are unusually big, even in safe mode, but this only seems to happen on Meta (I tried on other forums, and couldn’t reproduce the issue).

Potentially relevant information:

• user-agent string: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
• Exact web browser version: 119.0.6045.209
• Default font size (set on chrome://settings/fonts): 12
• Minimum font size (set on chrome://settings/fonts): 0
• Font size setting (set on chrome://settings/appearance): Small
• Page zoom: 100% (still occurs at lower and higher zoom levels, though)
• Display size: 1366x768

[HamMan2118]

I can also repro this using Google Chrome on Windows 11

As well as on iPhone 13 Pro, running Chrome

[david (David Taylor)]

Thanks for the reports! Almost certainly related to UX: Make input sizing consistent across all browsers (#26159) · discourse/discourse@d0d4a36 · GitHub

[Don]

Hello

This commit is related. I can repro this if I change the browser font size with the methods you mentioned.
https://github.com/discourse/discourse/commit/d0d4a363d4801a274caad50ffa509fc64740f238

This is because the browser will apply the set font size to all text. So the max(1em, 16px) can’t work normally.

[david (David Taylor)]

We’re reverting the change for now Revert "UX: Make input sizing consistent across all browsers (#26159)… · discourse/discourse@8b935e5 · GitHub

[supermathie (Michael Brown)]

Peter Griffin, his CSS blinds unruly