892669 - Transforms on table-cell elements with absolute positioned children behave unpredictably

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Emmett Butler]

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:22.0) Gecko/20100101 Firefox/22.0 (Beta/Release)
Build ID: 20130627161625

Steps to reproduce:

See http://jsfiddle.net/zBxug/5/

create a div with display: table-cell
put an element inside that div with position: absolute
apply any transform to the table-cell div



Actual results:

The absolutely positioned child element of the table-cell disappears. There have been other cases with more confounding css rules in which the element doesn't disappear, but appears in an unpredictable position outside of its parent table-cell.

Also, inspecting the parent element in the Firefox inspector shows a dotted line drawn around the correct location of that parent. However, with a transform applied to the parent, the absolute child doesn't appear inside that dotted line.


Expected results:

The absolutely positioned child element of the table-cell should remain visible and correctly transformed.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Almost certainly a duplicate of bug 63895.