1597641 - Layout too wide, fonts too small, DPI issue?

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect, P3)

Description

[kuro68k]

Attachment: firefox 1.png

User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36

Steps to reproduce:

Open slashdot.org in desktop mode (note: works with other sites, this is just my preferred test case).

Actual results:

The layout is too wide, resulting in very small text. Zooming to make the text readable makes lines too long to fit on the screen so you have to scroll side-to-side.

Expected results:

Narrower layout with larger fonts, similar to Chrome for Android. See attached screenshots.

Comment 1

[kuro68k]

Attachment: firefox 2.png

Layout too wide to comfortably read on a phone screen.

Comment 2

[kuro68k]

Attachment: chrome 1.png

Layout width is reasonable in Chrome.

Comment 3

[kuro68k]

Attachment: chrome 2.png

When zoomed in to comfortable level entire line is readable in Chrome.

Comment 4

[kuro68k]

Comment on attachment 9109913 [details]
firefox 1.png

Layout is too wide for a phone screen, making text too small to read.

Comment 5

[Stefan Arentz | :st3fan | ⏰ EST | he/him]

Can you share what device this is? Firefox 68.2.1 on a Pixel 2 XL slashdot.org properly renders their mobile layout for me.

Comment 6

[kuro68k]

Pixel XL, Android 10.

The mobile version is fine. It's the desktop site, and may others, that are broken. For example:

https://soylentnews.org/
https://www.satsignal.eu/ntp/Raspberry-Pi-NTP.html
http://www.unixwiz.net/techtips/raspberry-pi3-gps-time.html

Even sites like BBC.co.uk are a bit small and there is no way to make the text larger without making lines wider than the screen.

Comment 7

[kuro68k]

Attachment: Screenshot_20191119-204928.png

Comment 8

[kuro68k]

Or how about this very site? I attached a screenshot.

Comment 9

[kuro68k]

Sorry, wrong file. I can't attach the right one from my phone but it looks similar.

Comment 10

[Karl Dubost💡 :karlcow]

It seems you are talking about Font Inflation
Duplicate of Bug 1127441

Comment 11

[Jan Henning [:JanH]]

Duplicate of Bug 1127441

I think the main gist of this bug is rather the other way around (i.e. Chrome does font inflation by default, which in turn makes the text on desktop pages readable, whereas we turned it off by default), in which case bug 1503643 might be a more fitting duplicate candidate.

Comment 12

[kuro68k]

FWIW I tried the suggested fix in https://bugzilla.mozilla.org/show_bug.cgi?id=1503643 (turn on the accessibility option "use system font size") and it made no difference.

Comment 13

[Jan Henning [:JanH]]

Are you using Firefox's desktop mode, too? Doing so does indeed disable font inflation (even if you've enabled "Use system font size"), which would explain your screenshots.

On all the pages from comment 6, slashdot.org (using the small link at the bottom to switch to the desktop page, not Firefox's desktop mode), as well as Bugzilla itself, font inflation is working fine for me as long as it is enabled in the first place.

Comment 14

[kuro68k]

Using the link on Slashdot does indeed allow the font to be larger, although still a little small even with the "use system font size" option.

Comment 15

[kuro68k]

To be clear though it's still too small to read comfortably.

Comment 16

[Jan Henning [:JanH]]

Could you please post another screenshot how the page is looking now for you (with "Use system font size enabled" and not using Firefox's desktop mode)?

Comment 17

[kuro68k]

Sorry, which page do you want a screenshot of?

Comment 18

[Jan Henning [:JanH]]

Slashdot.

Comment 19

[kuro68k]

Attachment: Use system font size checked, request desktop site unchecked

Comment 20

[kuro68k]

Attachment: Use system font size checked, request desktop site unchecked

Comment 21

[kuro68k]

Any updates on this? I keep checking with Firefox Preview and Firefox for Android and neither of them have improved. In Firefox Preview the reader mode makes some pages more or less readable but isn't even offered on many.

Comment 22

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.