Last modified: 2008-06-28 00:14:36 UTC

Wikimedia Bugzilla is closed!

Wikimedia has migrated from Bugzilla to Phabricator. Bug reports should be created and updated in Wikimedia Phabricator instead. Please create an account in Phabricator and add your Bugzilla email address to it.
Wikimedia Bugzilla is read-only. If you try to edit or create any bug report in Bugzilla you will be shown an intentional error message.
In order to access the Phabricator task corresponding to a Bugzilla report, just remove "static-" from its URL.
You could still run searches in Bugzilla or access your list of votes but bug reports will obviously not be up-to-date in Bugzilla.
Bug 14667 - Missing side-scrolling for long string in narrow floating box
Missing side-scrolling for long string in narrow floating box
Product: Wikimedia
Classification: Unclassified
General/Unknown (Other open bugs)
All All
: Normal normal (vote)
: ---
Assigned To: Nobody - You can work on this!
Depends on:
  Show dependency treegraph
Reported: 2008-06-27 23:01 UTC by DMacks
Modified: 2008-06-28 00:14 UTC (History)
0 users

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Description DMacks 2008-06-27 23:01:27 UTC
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.
Comment 1 Danny B. 2008-06-28 00:14:36 UTC
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>

Note You need to log in before you can comment on or make changes to this bug.