Depth sorting breaks for large numbers of nodes using preserve-3d

UNCONFIRMED
Unassigned

Status

()

Core
CSS Parsing and Computation
UNCONFIRMED
4 years ago
4 years ago

People

(Reporter: adria, Unassigned)

Tracking

30 Branch
x86_64
All
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

4 years ago
Created attachment 8440236 [details]
zOrder_test.html

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140608211622

Steps to reproduce:

Add a parent with transform-style:preserve-3d
Add exactly 100 children with position:absolute / translate3d(0px,0px,2px)
Add one node with a lower Z depth eg: translate3d(8px,8px,1px)


Actual results:

Last node appears on top of the stack.


Expected results:

Last node should appear under the stack.

This works correctly unless the number of nodes exceeds 100 elements, even if some of those are in a different stacking context.
(Reporter)

Comment 1

4 years ago
Created attachment 8440237 [details]
zOrder_test_ok.html
(Reporter)

Updated

4 years ago
OS: Linux → All

Comment 2

4 years ago
2014-06-16-03-02-03-mozilla-central-firefox-33.0a1.en-US.linux-x86_64
Firefox 30.0

With the testcase, the blue square with the number shows on top of the red square; opposite with the "OK" testcase.  Reproduced?
QA Whiteboard: [bugday-20140616]
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.