Open Bug 810685 Opened 9 years ago Updated 3 years ago

CSS 3D transform z-order incorrect


(Core :: Web Painting, defect)

11 Branch
Not set




(Reporter: alice0775, Assigned: mattwoodrow)




(Keywords: regression, testcase)


(1 file)

3.31 KB, application/java-archive
Attached file testcase non animation
Build Identifier:
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

1. attached testcase non animation

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

Expected results:
all cubes should be on the grid.
Attachment #680443 - Attachment mime type: application/x-zip → application/java-archive
Assignee: nobody → matt.woodrow
Summary: CSS3 animation at blinks → CSS 3D transform z-order incorrect
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.
Duplicate of this bug: 861835
Related/duplicate?  bug 904304 (reporter mentioned bug 861835), bug 689498, bug 725299.
OS: Windows 7 → All
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?
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


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.
Component: Layout: View Rendering → Layout: Web Painting
You need to log in before you can comment on or make changes to this bug.