Open Bug 421460 Opened 16 years ago Updated 2 years ago

table cells' height expanded incorrectly when crossing rowspanned cell

Categories

(Core :: Layout: Tables, defect)

x86
Windows XP
defect

Tracking

()

UNCONFIRMED

People

(Reporter: roytam, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(5 files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.13pre) Gecko/20080302 Firefox/2.0.0.13pre (Firefox musume)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.13pre) Gecko/20080302 Firefox/2.0.0.13pre (Firefox musume)

I found that Gecko engine expands the next row's table cells' incorrectly when corssing a rowspaned cell. IE6/7, Safari, Opera are tested without this issue.

Reproducible: Always

Steps to Reproduce:
1.go that website.
2.view the table by eye or through DOM inspector.

Actual Results:  
the row expanded incorrectly.

Expected Results:  
the row will not expand, should look like normal row in table.
Attached file testcase
testcase atteched.
if the height of #placeholder increases, the red row's height will increase too.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b3) Gecko/2008020514 Firefox/3.0b3
Confirmed, also happens in the Standards Compliance version.
Component: General → Layout: Tables
Product: Firefox → Core
QA Contact: general → layout.tables
Summary: table cells' height expanded incorrectly when corssing rowspaned cell → table cells' height expanded incorrectly when crossing rowspanned cell
Attached file testcase 2
for making workaround, I tried setting height on red row.
Yes, red row looks like other rows but the lime cells expands.
Keywords: testcase
Attached file Testcase3
Simplest testcase for this bug.
"Ordering 1" in the attached testcase 4 is just a simplified version of testcase 3, excluding the final row & final column, which are unnecessary.

I've then repeated the testcase using different row & column orderings, to see how consistent the various browsers' behaviors are.

IIUC, the reporter's expected behavior here is for the orange cell 'a' to remain short (fixed at 20px, its specified height).  However, no browser consistently shows this behavior, when rows/columns are reversed.  Here are the behaviors I observe on testcase 4:

 Firefox 2 & 3:  orange cell is tall
 Opera & WebKit: orange cell is short on orderings 1-2, tall on orderings 3-4
 IE 8:           orange cell is medium-height. (some height goes to gray cell)

So, it appears that Opera & WebKit are the only browsers that do what the reporter wants, and they only do it when the rows are in a particular order.
I'd recommend resolving this as INVALID, since this appears to just be a case where we're consistent across row-ordering, but Opera/WebKit aren't. (as demonstrated in comment 5)

(This is based on the assumption that testcase 3 was an accurate reduction of the original testcase.)
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: