Summary: | transform-style: preserve-3d | ||
---|---|---|---|
Product: | WebKit | Reporter: | Jakub R Pawlowski <jakub.r.pawlowski> |
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
Status: | REOPENED --- | ||
Severity: | Major | CC: | bfulgham, dino, graouts, mattwoodrow, nilsbergmann, sabouhallawa, simon.fraser, zalan |
Priority: | P2 | ||
Version: | Safari 11 | ||
Hardware: | iPhone / iPad | ||
OS: | iOS 11 | ||
See Also: | https://bugs.webkit.org/show_bug.cgi?id=71624 |
Description
Jakub R Pawlowski
2018-02-05 17:11:23 PST
Ok, now I run into the same problem. A Bug known for nearly 8 Years is pretty hardcore. Here is my stackoverflow post: https://stackoverflow.com/questions/56314779/workaround-for-webkit-overlapping-glitch Did anybody find a workaround? I tried to find a workaround for this and after some days I finally had an idea. I thought, maybe webkit has not the same user z-axe perspective as other browsers. I tried to move the objects more far away. And yes, this is at least for me a solution. -webkit-transform: translateZ(-1000px) rotateX(58.6297041833deg) rotate(45deg); Notice the translateZ. It prevents the layout bug for me. Possibly fixed in recent OS builds. Both example test cases seem to work fine now! I just tested on Safari on iOS 16.4.1(a) iPhone XR and it's still broken for me. |