Fenix: [a11y] Top Menu for sapo.pt shifted to the right with system font increased

[hteles]

Hello Team.

The top menu for https://www.sapo.pt/noticias/atualidade is misaligned in Firefox beta with:

79.0.0-beta.8 (Build #2015752515)
AC: 48.0.4, 7fb662576
GV: 79.0-20200713203149
AS: 61.0.7

The same page renders correctly in Chrome Browser.

Regards.

Chrome rendering
UNITO-UNDERSCORE!20200721-150223!

Trimmed menu on Firefox
UNITO-UNDERSCORE!20200721-150233!

[mcarare]

@hteles Thank you for your report! I cannot reproduce this in 79.0.0-beta.9. Can you retest this after you update? Thank you!

[hteles]

Hi @mcarare.
Thanks for you "faster than light" response.

The problem is still reproducible in 79.0.0-beta.9. I even disabled the two add-ons that i use, Dark Reader and Ublock origin, reload the page. Still the menu is shifted to the right and truncated a few seconds before the page renders completely.

Maybe it's a problem with the page? I've tested in another Android phone with Firefox Stable 68.10.1 and the same rendering artifact happens there.

The page also renders correctly on Firefox for Desktop 78.0.2 (64-bit ) on Linux, and Chrome for Android & Desktop
Thanks

[hteles]

Hi @mcarare, sorry... i think i found the culprit!

So, as my eyes are getting older, i usually configure firefox -> Acessibility -> Automatic font sizing to True.
Can you please enable Automatic font Sizing and check again?

Sorry, should have checked this before.

Regards.

[mcarare]

@hteles Thank you for the details provided. Actually, I can reproduce this with setting Automating font sizing to false and setting font size to 110% or higher.

Additional note: This does not happen with increasing font size in other browser, but they don't actually increase the menu text size, like Fenix does.

[hteles]

Hi @mcarare

Thanks. Probably there's something wrong with the site formating.
Indeed as my eyes get older I need to adjust don't size on Android settings.

[eliserichards]

Thanks for your quick triage @mcarare and @hteles!