299694 - {inc}Hiding and displaying a large DIV inside two tables with height=100%, tables doesn't schrink when hiding

Status: RESOLVED FIXED

(Core :: Layout: Tables, defect)

Description

[kasper]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+

I have 2 tables, the one inside the other. height=100%. Two DIV's inside the
inner table. One of the DIV's is very high, larger than the browser. The other
is small.
When the page loads, the large div is not displayed (display:none;). When
displaying the large DIV with javascript (...style.display='block';), a
scrollbar appears. When I hide the large DIV again, the scrollbar is still
there. The table is still as large as the large DIV, even though it is not
displayed (hidden with javascript, ...style.display='none';).


Reproducible: Always

Steps to Reproduce:
1.Make 2 tables, height=100%
2.Make 2 DIV's inside the inner table, one larger than the browser, one small.
3.Hide and show the DIV's, and watch the scrollbar.

Actual Results:  
The scrollbar doesn't disappear when I hide the large DIV.

Expected Results:  
Hide the div, schrink the table(s).

Tried in Firefox 1.0.4 and Dear Park (Alpha 1).

Comment 1

[kasper]

Attachment: testcase

Just a test case..

Comment 2

[WADA:World Anti-bad-Duping Agency]

Comfirmed with Mozilla suite 200506070105-trunk/Win-2K.
 - Show DIV B => Show DIV A, then outer tabel cell's height is not shrinked.
This phenomenon is observed even when a div with clear:left is added just after
DIV-B in a <TD>. 
 (a) <div style="clear:left;"></div>
 (b) <div style="clear:left;">&nbsp;</div>
 (c) <div style="clear:left;">DIV C</div>
But when I resized window, rendered correctly again in any cases.
 

Comment 3

[Andrew Schultz]

==> layout

Comment 4

[Andrew Schultz]

Attachment: more minimal testcase

on load, the testcase's tables display with height ~100px with linux trunk
2005070405, but should be only one line high.

Comment 5

[Andrew Schultz]

Attachment: more minimal testcase

I made the inner table a div, but the outer table has to be a table.

Also, this is standards mode only.  In quirks mode, height: 100% on the outer
table makes it as tall as the window regardless of its contents.

Comment 6

[Bernd]

whats wrong with the more minimal testcase? wfm?

Comment 7

[Steve England [:stevee]]

"more minimal testcase" looks the same to me in:
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120606 Minefield/3.0a (pre-reflow branch)
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120804 Minefield/3.0a1 (post-reflow branch)

the original testcase now renders differently between:
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120606 Minefield/3.0a (pre-reflow branch)
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120804 Minefield/3.0a1 (post-reflow branch)

Clicking "Show div b" makes div b very tall, and a vertical scrollbar appears in the browser window... clicking "Show div A" restores the div's height and also the box surrounding it, and the vertical scroll bar disappears. 

Comment 8

[Andrew Schultz]

right.  That's the correct behavior.

The first "more minimal testcase" also got fixed by the reflow branch.

Comment 9

[Ryan VanderMeulen [:RyanVM]]

Adding in-testsuite? nomination per bz's request in m.d.t.l. Sorry for the bugspam.