Open Bug 810685 Opened 9 years ago Updated 3 years ago

CSS 3D transform z-order incorrect

Categories

(Core :: Web Painting, defect)

11 Branch
x86
All
defect
Not set
normal

Tracking

()

People

(Reporter: alice0775, Assigned: mattwoodrow)

References

()

Details

(Keywords: regression, testcase)

Attachments

(1 file)

3.31 KB, application/java-archive
Details
Attached file 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.
Attachment #680443 - Attachment mime type: application/x-zip → application/java-archive
Assignee: nobody → matt.woodrow
Summary: CSS3 animation at http://www.cssplay.co.uk/menu/cssplay-3d-box-slide.html blinks → CSS 3D transform z-order incorrect
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.
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

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