398286 - Title on irc.mozilla.org wraps to next line and obscures text

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: screenshot (trunk)

If you make the http://irc.mozilla.org webpage skinny, the white "Network" text (from the "Mozilla IRC Network" title) wraps to the next line and obscures some of the content.

This is less of an issue on Firefox 2.0, because the only thing obscured is bits of a horizontal line.

But in Trunk, it obscures actual text, and it looks pretty wacky.
(see screenshots)

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screenshot (branch)

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: testcase

Posting a reduced testcase.

It looks like it's at least partly due to a difference in handling "display: block."  If we remove that attribute, then both Trunk and Branch align "Mozilla" and the wrapped "Network" along the left edge of the page.

Comment 3

[Daniel Holbert [:dholbert]]

[atoll just pinged me about this bug, when triaging old bugs with "irc" in the title]

It actually looks like the "trunk" behavior (which remains in current Nightly) is the correct behavior. (i.e. this was a bug in Firefox 2.0)

At large browser-widths, no visible centering will happen inside of #bar, because it's in an abspos block which is exactly sized to its contents' preferred width. But if you shrink the browser to make the text wrap, then there's some horizontal space available, which means centering can (and should) happen, due to text-align:center.

Chrome matches our behavior here, too, as a sanity-check.

(The discrepancy between "display:block" & implicit "display:inline" in comment 2 was just happening because text-align:center has no effect on inline-level elements, AFAICT)