732437 - Rendering of <pre> blocks wider than the page is confusing

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[Sam Tobin-Hochstadt [:samth]]

Go to http://smallcultfollowing.com/babysteps/blog/2012/02/25/serialization-without-type-information-via-impls/

Scroll down to one of the blue code blocks.

Note that it is clipped off the right hand side -- you can't see the whole thing.

It's possible to scroll this block horizontally, to see the whole thing.  However, this is both (a) hard to discover and (b) really annoying, because you can't see a whole line of code.

Opera Mobile displays a horizontal scroll bar, as does Android stock browser in Android 2.3.4 (on this phone).  XUL Fennec behaves the same as Native Fennec.

Comment 1

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Hi Sam, just to get some clarification; are you asking for a scroll bar when this occurs?

Comment 2

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Dup of Bug 716157 ?

Comment 3

[Sam Tobin-Hochstadt [:samth]]

Naoki, a scroll bar would help with the discoverability, but I don't want to play UX designer here, so I'll just say that I don't know what the "best" solution would be.

Comment 4

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

adding ux guys; probably scrollbars may help.  In which case it's related to bug 716157, I think?

Comment 5

[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.