810685 - CSS 3D transform z-order incorrect

Status: NEW

(Core :: Web Painting, defect)

Description

[Alice0775 White]

Attachment: testcase non animation

Build Identifier: 
http://hg.mozilla.org/mozilla-central/rev/a47525b93528
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/19.0 Firefox/19.0 ID:20121110030714

This is a spin-off of Bug 735178.
The flickering was fixed partially by Bug 735178.
However I still see the flickering.
The regression window is as same as Bug 735178 Comment #1

Steps to reproduce:

1. Open http://www.cssplay.co.uk/menu/cssplay-3d-box-slide.html

OR
1. attached testcase non animation


Actual results:
some cube seems to be under the grid.

Expected results:
all cubes should be on the grid.

Comment 1

[Robert O'Callahan (:roc) (email my personal email if necessary)]

jar:https://bug810685.bugzilla.mozilla.org/attachment.cgi?id=680443!/cssplay-3d-box-slide-2.html

Comment 2

[mats.lindblad]

On http://livetools.uiparade.com/ribbon-builder.html
i opened Firebug to see how it looked if rotated and the :before and :after is placed on top of the main part of the ribbon. Is this related?
Looks like it might be.

Comment 4

[[:Aleksej]]

Related/duplicate?  bug 904304 (reporter mentioned bug 861835), bug 689498, bug 725299.

Comment 5

[Silent Imp]

Yep, same problem in all cases.
Gecko use z-index to calculate elements overlapping, and, moreover do it only on large amount of elements…
Maybe anyone may fix this bug at last?

Comment 7

[Cosmin Muntean [:cmuntean], Ecosystem QA]

Firefox: 45.0.1, Build ID: 20160315153207
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0

Hi,

I have tested this issue on the latest Firefox (45.0.1) release, latest Nightly (48.0a1 - Build ID: 20160321030217) build and I have manged to reproduce it. I have tested this using the attached test case and the provided URL.  It seems that sometimes the cubs are displayed under the grid, and they are flickering as well.