Created attachment 8900854 [details] 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.
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.
Created attachment 8901330 [details] backface-hidden.html Here's another test case where we have different behaviour from Chrome and Safari
Created attachment 8901336 [details] fundamental-compositing-bug-backface-hidden.html And while we're at it here's a manifestation of the fundamental compositing bug using backface-hidden.
Created attachment 8901340 [details] fundamental-compositing-bug-backface-hidden.html Here's a simplified version of the last one
Assignee: nobody → jmuizelaar
Attachment #8901336 - Attachment is obsolete: true
You need to log in before you can comment on or make changes to this bug.