[Webkit-unassigned] [Bug 54371] Left Half of Flipped Element is not Interactive (3D Transforms)

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=54371


Bernd <marbleman at gmx.de> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |marbleman at gmx.de




--- Comment #5 from Bernd <marbleman at gmx.de>  2013-02-14 08:32:12 PST ---
Sorry for posting on such an old issue, but after hours of search this was the only information that helped me to find a workaround for the problem:

So I think this was really a bug and it still is!!

I created three faces of the same size forming a 3D triangle. I can rotateY the triangle to 0deg, 120deg, 240deg to make each face visible to the user.

At 0deg I can interact with the content, e.g. mark text, hover, click links. At 120deg and 240deg I cannot interact with the content. It seems as if it is "behind glas" but there is really no overlaying content!

When I turn the triangle by 60deg it seems that the part of the face that comes out in z-direction (z > 0 due to the perspective) is interactive while the part that goes in the depth of the screen (z < 0) is not interactive anymore.

Hope you understand my poor description...

I cannot use a translateZ() on the triangle itself since the z-axis rotates with the object.

However, I could add a tranlateZ(1px) to the parent div  having no visual effect at all (even a 100px do not). But since I did, all sides of my triangle are interactive.

So it really seems as if there is a sort of glas screen at z=0 that blocks interaction with content behind it.

Tested with: 
Chrome Version 23.0.1271.64
Safari 5.1.7
Safari 6 on iOS

Same transformations work fine on all other browsers

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.