785230 - A 100% height div containing a table, while being a child of another table, does not respect set height

Status: NEW

(Core :: Layout: Tables, defect)

Description

[Aishwar Muthuraman]

Attachment: NestedTableContainedBy100%HeightDiv.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0.6) Gecko/20100101 Firefox/10.0.6
Build ID: 20120713125334

Steps to reproduce:

1. Set the body height to 100% and overflow:hidden. So anything extending beyond it will get cut off.
2. Add a table with height 100% as the child of the body that contains 1 cell.
3. Add a div with height 100% and "overflow:auto" as the child of this cell. Now when you open the browser, you should see the div vertically fill the page. The "overflow:auto" is what Firefox does not respect.
4. Now add a table with 1 cell as a child of this div.
5. Fill this cell with enough content so that it would need more than the available space.


Actual results:

The inner table extends beyond the page. You see no scrollbars.


Expected results:

The inner table should have sized to the height of the viewport. You should see scrollbars that allows you to see the overflowed content. This is the behaviour shown by IE, Safari and Chrome.

Comment 1

[Alice0775 White]

maybe Bug 115421

Comment 2

[Paul Silaghi, QA [:pauly]]

Reproducible on FF 10.0.7 ESR, 15b6 and 17.0a1 (2012-08-24). See the right behavior in Google Chrome.