1534260 - td with rowspan seems to expand the height of crossing td

Status: NEW

(Core :: Layout: Tables, enhancement, P3)

Description

[jan.michael.koensgen]

Attachment: just run the html

in the following html:
https://jsbin.com/wogelapiju/1/edit?html,output
the <a> tag within the second td of the first tr (red; colspan:3) somehow expands the height of the second td (blue).
Does not seem to be the wanted behaviour … appears only in FF

Comment 1

[Daniel Holbert [:dholbert]]

(In reply to jan.michael.koensgen from comment #0)

the <a> tag within the second td of the first tr (red; colspan:3)

Actually, the <a> tag is actually inside a cell with rowspan = 3, i.e. its cell is full height of the table.

I think what's happening is that this cell is distributing some of its intrinsic height to each of the rows that it spans, including the blue one.

The exact mechanics of this distribution are likely unspecified, since tables are largely unspecified. (So, they behave slightly differently in each browser.)

So, we're probably as correct as anybody else, but this may present a webcompat issue, since we do seem to be the only engine that expands the blue row in this case.

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: testcase 1 (reporter's testcase)

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (somewhat reduced) (blue area is tall in Firefox, short in Chrome/Edge)