438017 - In a scrolling table, the rows' background color continues to be drawn below the height of the overflow area.

Status: RESOLVED DUPLICATE of bug 423823

(Core :: Layout, defect)

Description

[Mike Ness]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1a1pre) Gecko/2008060905 Minefield/3.1a1pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1a1pre) Gecko/2008060905 Minefield/3.1a1pre

For tables that implement scrolling (TBODY using style="height:200px; overflow-y:visible; overflow-x:hidden"), and the rows TR have background color set (<tr style="background:#EDF3FE">), the background color is displayed below the bottom of the scrolling area. It's as if Mozilla is drawing the background color without regard to the overflow and height. The cell content doesn't display outside the scrolling area, just the color.

Reproducible: Always

Steps to Reproduce:
1. Create a <TABLE> with 20 rows
2. Use <TBODY style="height:200px; overflow-y:visible; overflow-x:hidden">
3. Striped row background by alternating <TR>s as <tr style="background:#EDF3FE"> and <tr style="background:#FFFFFF">.
Actual Results:  
The hidden rows' background colors are drawn on the page below the bottom of the scrolling area, as if they weren't hidden. Scrolling works OK though.

Expected Results:  
Row background and content should end at the bottom of the height:200px.

Worked fine in Firefox 2.

Comment 1

[Ria Klaassen (not reading all bugmail)]

This regressed on 25 Jan 2006 from Bug 317375.

Comment 3

[Brian Polidoro]

Fixing incorrect dupe.