[Webkit-unassigned] [Bug 140415] New: perspective + preserve3d + transform-origin + (rotateX || rotateY) + translateZ = fuzzy badly scaled perspective rendering

[bugzilla-daemon at webkit.org]

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

            Bug ID: 140415
           Summary: perspective + preserve3d + transform-origin + (rotateX
                    || rotateY) + translateZ = fuzzy badly scaled
                    perspective rendering
    Classification: Unclassified
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Hardware: iOS
               URL: http://argyleink.github.io/N-Gon/#
                OS: iOS 8.1
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: atom at argyleink.com

On many other browsers but Safari and iOS 8 Webkit, the demo link above renders as expected. It's a 3D cube simulation, that rotates faces around a center axis point. But when opened in Webkit, the CSS for some reason causes the effect to scale and burst out of the viewport element. Causing fuzzy text due to up-scaling. Removing `transform-style:preserve-3d` fixes the outburst, but ruins the 3D effect. I feel the DOM structure and applied CSS are done properly, so I'm very unsure of what to do next to resolve this issue. I've seen other developers complaining about similar things around the web, but nothing was specific enough for me to piggy back on. The provided demo url is un-obfuscated, so should be easy for you to scrub for architecture mistakes.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150113/64901d38/attachment-0002.html>