thead | ||||
tfoot | ||||
ABCDE | ABCDE | ABCDE | ABCDE | ABCDE |
ABCDE | ABCDE | ABCDE | ABCDE | ABCDE |
ABCD | ABCD | ABCD | ABCD | ABCD |
ABCD | ABCD | ABCD | ABCD | ABCD |
ABC | ABC | ABC | ABC | ABC |
ABC | ABC | ABC | ABC | ABC |
AB | AB | AB | AB | AB |
AB | AB | AB | AB | AB |
A | A | A | A | A |
A | A | A | A | A |
This table has tbody {height: 150px; overflow: auto;}
"(...) This division [THEAD, TFOOT and TBODY elements] enables user agents to support scrolling of table bodies independently of the table head and foot."
coming from HTML 4.01, section 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements
"(...) navigating THEAD, TBODY, TFOOT with CSS overflow styling (...)
- In two dimensions, table header information appears at the top of the rendered table and this information corresponds correctly with table body cells.
- In two dimensions, table footer information appears at the bottom of the rendered table and this information corrresponds correctly with table body cell information.
- This information remains visible in the view-port while the user scrolls through table body rows."
Test from the UAAG 1.0 test suite on navigating THEAD, TBODY, TFOOT with CSS overflow styling
This bug turns out to be INVALID. From the beginning, I assumed that overflow could apply to table-row-group objects (like <tbody>) but the overflow property, as defined by CSS 2.1 specification, section 11.1.1, does not apply to table-row-group objects.