1734054 - {inc} Percent-height doesn't initially resolve, on child of auto-height table cell

Status: RESOLVED DUPLICATE of bug 1598458

(Core :: Layout: Tables, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

STR:

1. Load attached testcase.
2. Click button.

ACTUAL RESULTS:

• In the initial rendering, the lime area is only as tall as its contents (and so a bunch of red is visible).
• When you click the button, the lime area grows to fill the table.

EXPECTED RESULTS:

• In the initial rendering, the lime area should be as tall as the table (no red should be visible)
• Clicking the button should have no effect.

When you click the button, the testcase just adds and then removes height:100% to the table-cell (the parent of the lime area). There's no lasting change, so it's definitely a bug that we change our rendering.

Chromium, WebKit, and EdgeHTML (edge 18) all give EXPECTED RESULTS.
Firefox gives ACTUAL RESULTS, at least as far back as Firefox 4 (Nightly 2011-01-01).

This is the root issue in https://webcompat.com/issues/80763 , FWIW.

Comment 1

[Daniel Holbert [:dholbert]]

Oh, I guess this is the same as bug 1598458. The "testcase #2" there seems to be pretty similar to my testcase here.