Sidebars sometimes go AWOL in Internet Explorer

Bug #49471 reported by Matthew Lange
4
Affects Status Importance Assigned to Milestone
Launchpad itself
Fix Released
Medium
Matthew Paul Thomas

Bug Description

The left and right columns sometimes go missing in Internet Explorer, when something in the middle column is too wide. This happens more often when "Text Size" is set to Larger or Largest.

For example, in <https://launchpad.net/distros/ubuntu/+bug/1>, the right column appears on the left after the middle column, and the left column does not appear at all, because of a wide comment from Kristian Hermansen.

The underlying problem is Internet Explorer's expanding box bug, where it widens boxes to fit long words, which in turn pushes neighboring floats further down.
http://positioniseverything.net/explorer/expandingboxbug.html

Revision history for this message
Matthew Lange (matthewlange) wrote : ieversion.jpg

Internet Explorer "About" page.

Revision history for this message
Matthew Lange (matthewlange) wrote : Screenshot of a non-maximized page in Launchpad

This page is not maximized, and the sidebar will appear if it is widened farther than this.

Revision history for this message
Matthew Lange (matthewlange) wrote : malonescreen.jpg

Similar to ubuntu.jpg, this is another screenshot that doesn't have the sidebars. The sidebars will appear if it is widened farther than this.

Revision history for this message
Matthew Lange (matthewlange) wrote : large_ok.jpg

Here is a maximized screen, both sidebars are visible. (Normal)

Revision history for this message
Matthew Lange (matthewlange) wrote : topscreen.jpg

This picture shows the beginning of a bug, though maximized, has no sidebars except the last boxes on the left sidebar at the bottom (Visible in bottomscreen.jpg)

Revision history for this message
Matthew Lange (matthewlange) wrote : bottomscreen.jpg

Here we can see near the bottom, where the two sidebars appear. There are no sidebars above this point.

Revision history for this message
Brad Bollenbach (bradb) wrote : Re: Some sidebars missing when maximized with large fonts

Thanks for your detailed report. I think mpt will be interested in looking at this.

Changed in launchpad:
assignee: nobody → mpt
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

Reproduced on bug 1.

Changed in launchpad:
importance: Untriaged → High
status: Unconfirmed → Confirmed
description: updated
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

I have this fixed for the bug page, but the various blue boxes with e-mail addresses in them (e.g. on the person page) are still causing trouble.

Changed in launchpad:
status: Confirmed → In Progress
description: updated
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

So like the article says, there are two ways to work around this bug: (1) using the IE-only "word-wrap: break-word" property plus ensuring no non-text element in a portlet is too wide, or (2) using "overflow: hidden" to chop off overflowing text. Option 2 would result in some text never being visible, so I've chosen option 1. But this will require constant vigilance to ensure wide non-text elements (like text fields) aren't used in narrow boxes.

Changed in launchpad:
status: In Progress → Fix Committed
Revision history for this message
Matthew Lange (matthewlange) wrote :

Excellent! Thanks guys.

Revision history for this message
Matthew Paul Thomas (mpt) wrote :

The sidebars on the front page still drop in Internet Explorer, with Medium font size, when the window is 539 pixels wide or narrower. The problem probably happens with wider windows when using Larger text size, but I can't tell because of a Wine bug. Bug 47781 hindered me from realizing this problem earlier.

Changed in launchpad:
importance: High → Medium
status: Fix Committed → In Progress
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

(Actually, make that 606 pixels wide or narrower.)

Revision history for this message
Matthew Paul Thomas (mpt) wrote :

This was fixed with the 1.0 page layout.

Changed in launchpad:
status: In Progress → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.