435351 - "overflow:auto" and "overflow:hidden" don't work in table elements with Firefox3 RC1.

Status: RESOLVED DUPLICATE of bug 409736

(Core :: Layout: Tables, defect)

Description

[u266704]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14

"overflow:auto" and "overflow:hidden" don't work in table elements with Firefox3 RC1.


Reproducible: Always

Steps to Reproduce:
1. Access Demo URL (http://rubricks.org/test.html)
2. Click all test cases
Actual Results:  
All contents is shown.

Expected Results:  
The overflowed contents is scrolled out or hidden.

Comment 1

[Brian Polidoro]

At first I looked at overflow and what it specifies that it applies to:
11.1.1 Overflow: the 'overflow' property
Applies to:  non-replaced block-level elements, table cells, and inline-block elements 

I wonder if a table would be considered a non-replaced block-level element.  But because table cell is explicitly listed I suppose a table does not count as a non-replaced block-level element.  

But then there's this:
9.2.1 Block-level elements and block boxes
Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). Several values of the 'display' property make an element block-level: 'block', 'list-item', and 'run-in' (part of the time; see run-in boxes), and 'table'. 
http://www.w3.org/TR/CSS21/visuren.html#block-level

The rendering of the tests is the same in Safari 3.1 as I see with FF3.

Comment 2

[Brian Polidoro]

I mixed up what has the overflow style.  The div has the overflow style, not the table.  The question should be over the width of the table.  

Comment 3

[Brian Polidoro]

The width of the table is covered by:
If the 'table' or 'inline-table' element's 'width' property has a computed value (W) other than 'auto', the property's value as used for layout is the greater of W and the minimum width required by all the columns plus cell spacing or borders (MIN). If W is greater than MIN, the extra width should be distributed over the columns. 

Under 17.5.2.2 Automatic table layout
http://www.w3.org/TR/CSS21/tables.html#auto-table-layout

So the width of the table will be set to MIN which is what is needed to contain the div.  So no overflow happens.

Safari 3.1 does the same thing with the tests.  

-> invalid

Comment 4

[u266704]

I see.

I confirm that overflow does work with fixed table layout, thank you.
  => http://rubricks.org/test_table_overflow_5.html

If I use automatic table layout and there is very very long text in it,
The side-scroll-bar of browser is shown. You mean it is correct, right?
  => http://rubricks.org/test_table_overflow_6.html