Page MenuHomePhabricator

Missing side-scrolling for long string in narrow floating box
Closed, InvalidPublic

Description

Author: number24602

Description:
The URL is a distilled-down test case of what happens when I place a "very long" non-breakable string in an Infobox (the example is actually correct infobox info, and its length is not uncommon for certain chemical infobox fields). On multiple browsers, when the window is narrower than the string, the string extends off the edge of the screen (as expected) to the left but there is no sideways scrollbar to allow seeing the off-screen portion (bug!). I think it has something to do with the box being floated to the right: if I don't do that, the string extends off the screen to the right and sideways scrollbar is displayed.


Version: unspecified
Severity: normal
URL: http://en.wikipedia.org/wiki/Beta-hydroxy1butyryl-CoA/layout-test

Details

Reference
bz14667

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 21 2014, 10:11 PM
bzimport set Reference to bz14667.
bzimport added a subscriber: Unknown Object (MLST).

This is rather browser's issue than MediaWiki's. Besides if I'm not wrong this is correct behavior.

Solution (for the page linked):

{| class="toccolours" border="1" width="250px" style="float: right; clear: right; border-collapse: collapse;"

-
<div style="width: 100%; overflow: auto;">the-hella-long-chemical-stuff-goes-here</div>
-
}