364124 - Major parts of this page are not shown

Status: RESOLVED FIXED

(Core :: Layout: Tables, defect)

Description

[Bengt-Erik Soderstrom]

Since some 3-4 days ago on trunk builds, major parts of www.undertexter.se is not displayed any longer. This happens in my Firefox trunk builds (Win XP - VC8 and Mingw) and in Seamonkey trunk (Linux FC6 GCC) as well.

I will attach screenshots showing this behaviour

Comment 1

[Bengt-Erik Soderstrom]

Attachment: In this page large portions are not displayed

Comment 2

[Bengt-Erik Soderstrom]

Attachment: This is the correct webpage displayed.

The correct webpage is captured with Firefox 2.0.

Comment 3

[Ria Klaassen (not reading all bugmail)]

This is caused by Bug 300030 but I don't know if it is a dupe (looks a bit like Bug 363388). I'll set it blocking bug 300030 until this is clear.

Comment 4

[Uri Bernstein]

Attachment: testcase

What happened to not confirming layout bugs without a testcase?

Comment 5

[Ria Klaassen (not reading all bugmail)]

It was filed as New.

Comment 6

[Uri Bernstein]

(In reply to comment #5)
> It was filed as New.

Sorry - I didn't mean to imply that you confirmed it.

Comment 7

[Bengt-Erik Soderstrom]

This bug is also valid for Seamonkey Linux builds

Comment 8

[Daniel Holbert [:dholbert]]

Attachment: testcase for firefox2.0.0.3

This bug is also valid for Firefox 2.0.0.3, if the outer table has its height specified as well.  Posting a new test case that reproduces the bug on Firefox 2.0.0.3.  (I just added "height="30%" to Uri's test case)

Comment 9

[Daniel Holbert [:dholbert]]

I'm actually not sure this is a bug.  The text is not displayed for a good reason -- it's being pushed out of the outer table's view port by the inner table, which has a height=100% of its container and consequently leaves no room for anything else.  You can see this by changing the height of the inner table to be something less than 100% -- e.g. 90% -- and then the missing text is partially visible, because there's a little space left to display it.

Moreover, if you fix up the test case by adding a <tr><td> to enclose the hidden text in a cell, then it displays just fine.

Comment 10

[Daniel Holbert [:dholbert]]

(Cancel that last bit about adding <tr><td> -- I'd previously misread the html and thought that the missing text was bare within the <table> tag, and was not enclosed within a <tr><td>.  But now I see that it's in the same cell as the inner table.)

Comment 11

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Maybe some connection to bug 370525.

dholbert showed me some testcases where, with an image with height 100%, we've changed away from honoring the height, and with a table, we've changed towards honoring the height.

Comment 12

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Does the style rule:

td { overflow: visible; }

make the missing content show up where you expect it to be?

Comment 13

[Daniel Holbert [:dholbert]]

Nope.  That style rule doesn't make any noticeable visible changes to either test case, in MineField or Firefox 2.0.0.3

Comment 14

[Daniel Holbert [:dholbert]]

Attachment: 4 testcases + screencaptures for images/tables with attribute "height=100%"

This is a zipped set of test cases related to Bug 364124.

Essentially, each test consists of an outer table that has a
single cell.  This single cell contains either
 1) an image, or
 2) an inner table  
The inner image/table has the attribute "height=100%", and it
is followed by the string "You should be able to see this text".  

Both of these cases (inner image + inner table) are present
in two variations, in the with_height and without_height 
directories. The difference is the following:
 a) with_height: outer table has a specified height (250px)
 b) without_height: outer table has no specified height.

All of these test cases run in almost-standards mode, forced
by this doctype tag:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

I'm including screen captures of all four tests, running in
minefield (using trunk on 5/7/07) and Firefox 2.0.0.3
(under Ubuntu).  Note that the "table with height" test case
is the only case on which the two browser versions agree.

Comment 15

[Daniel Holbert [:dholbert]]

Attachment: 4 testcases, using Firefox 2.0.0.3

Comment 16

[Daniel Holbert [:dholbert]]

Attachment: 4 testcases, using Trunk as of 5/7/2007

Comment 17

[Daniel Holbert [:dholbert]]

Comment on attachment 263742 [details]
testcase for firefox2.0.0.3

Obsoleting this testcase, because our behavior is actually correct on it. (The outer table has a percentage height for this testcase, so there is a special height reflow, which makes the inner 100%-high table fill the outer table and push the "missing" text out of the outer table's bounds.)

Comment 18

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

I think the original problem here was fixed by the checkin of bug 370525, but there may be some additional bugs that need filing based on those testcases?

Daniel, could you file any additional bugs if needed, and mark this one as fixed?

Comment 19

[Daniel Holbert [:dholbert]]

Filed additional bugs (from the image testcases) as bug 385823.