1410670 - Table not properly positioned in two flex parents

Status: RESOLVED DUPLICATE of bug 1693409

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

Description

[Martin Giger [:freaktechnik]]

Attachment: flex-issue.html

I've attached a minimal reproduction example. The sizes and colours are not needed, but help to visualize it.

It features the following document structure:
 - wrapper1
   - wrapper2
     - table

Both wrappers are flex boxes with flex-direction column. The table has height and width 100%, and is not actually a table but displayed as table.

The issue can not be reproduced when either the table does not have height 100%, wrapper2's justify-content is set to space-between (but space-around and space-evenly are both affected), wrapper1 is not a flex box, or they don't both have a direction of column.

In the attached example the red table should be within the blue bordered box, as it is the only child of the flex and its height is 100%.

It seems that the table is positioned as if its height wasn't set to 100% and then the height is applied, since the upper edge of the red box does not move when removing the height: 100% instruction.

This works as expected in Chromium.

Comment 1

[Ting-Yu Lin [:TYLin] (PST, UTC-8)]

The attached testcase should render correctly on Firefox after bug 1693409.