Open Bug 810685 Opened 9 years ago Updated 3 years ago
CSS 3D transform z-order incorrect
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.
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?
Duplicate of this bug: 998502
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.