Closed Bug 1306748 Opened 8 years ago Closed 8 years ago

CSS 3D order incorrect

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 689498

People

(Reporter: dietrich, Unassigned)

Details

(Keywords: DevAdvocacy) 

https://twitter.com/anatudor/status/781242636342587392

"Sadly, Edge messes up the transforms 
Maybe same issue noted here, confirming: https://css-tricks.com/things-watch-working-css-3d/

"If you're using Firefox to view the above demo, you still can't see the planes intersecting as they should because Firefox still doesn't get this right. But you should see them intersecting in WebKit browsers and in Edge.

Now you may be wondering why even bother with adding that containing element, shouldn't simply adding transform-style: preserve-3d on the scene (the body element in our case) work? Well, in this particular case, if we add this one rule and nothing else to the initial demo, it does work (unless you're viewing it in Firefox, because, as I've said before, Firefox still has problems with 3D order and 3D intersections):"
Seems to be duplicate of Bug 689498
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.