1393554 - backface-visibility doesn't apply to the text in this testcase, only to the border

Status: NEW

(Core :: Web Painting, enhancement, P3)

Description

[Markus Stange [:mstange]]

Attachment: testcase

In this testcase, Chrome and Safari only show a red border, but we also show the word "Text" (mirrored).

The text "Text" is inside an element with backface-visibility:hidden whose parent element is a preserve-3d element which is rotated by 180 degrees around the Y axis.

We correctly hide the blue border of the backface-visibilite:hidden element, but not its text.

Comment 1

[Matt Woodrow (:mattwoodrow)]

So it looks like the reason for this is that the text belongs to an anonymous nsTextNode, not the block with the backface-visibility:hidden style.

backface-visibility doesn't create a stacking context, nor is it inherited, so it seems somewhat correct for us to determine that the text shouldn't be affected by that style.

Clearly blink/WebKit are doing something different here, so maybe we should just try match that and get the spec to fit.

Comment 2

[Jeff Muizelaar [:jrmuizel]]

Attachment: backface-hidden.html

Here's another test case where we have different behaviour from Chrome and Safari

Comment 3

[Jeff Muizelaar [:jrmuizel]]

Attachment: fundamental-compositing-bug-backface-hidden.html

And while we're at it here's a manifestation of the fundamental compositing bug using backface-hidden.

Comment 4

[Jeff Muizelaar [:jrmuizel]]

Attachment: fundamental-compositing-bug-backface-hidden.html

Here's a simplified version of the last one