928322 - In Firefox Win, setting display: table breaks transform-style: preserve-3d on the same element

Status: RESOLVED DUPLICATE of bug 733849

(Core :: Web Painting, defect)

Description

[Daniel Grant]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.16 Safari/537.36

Steps to reproduce:

Mozilla/5.0 (Windows NT 6.1; rv:24.0) Gecko/20100101 Firefox/24.0


Actual results:

http://codepen.io/djgrant/pen/HrEla

Applying display: table to an element appears to break transform-style: preserve-3d on the same element.

The container element is transformed correctly but the transformation does not propagate down to the child elements.


Expected results:

When the container element is transformed the child elements should also be transformed. In the codepen example the green .card--back element should be visible after the transformation on .container.

This works as expected on Firefox for Mac.

Comment 1

[Mayur Patil]

Hi Daniel,

Your test also fails in FF 27.0a1 on windows XP x86.

But I am able to see success result for following link on same configuration:

URL: http://codepen.io/impressivewebs/pen/pIgBf

And as per your expected result, I am getting second link working where components are visible after 

toggle transform.

[bugday- 20131021]

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Maybe the same as bug 733849?

Comment 3

[Boris Chiou [:boris]]

(In reply to David Baron :dbaron: from comment #2)

Maybe the same as bug 733849?

Yes. I think this is duplicated by bug 733849. Gecko doesn't handle well when using preserve-3d on nsTableWrapperFrame.