1038652 - z-index issues starting with firefox 30

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[Carlos]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140605174243

Steps to reproduce:

Tried to open the menu in http://lacigrona.com/web/carta/comida/. It uses several z-indexed elements to create the animation of a physical folded menu.


Actual results:

The 'Open Menu' button isn't even selected. Somehow the elements are visually rendered correctly but are in an incorrect order when trying to click or hover the mouse.


Expected results:

When placing the mouse cursor over the 'Open Menu' button it should be highlighted. When pressing the button the menu should open with a 3D animation. The behaviour works correctly in Firefox before 30.0, it also works correctly in Google Chrome and Safari.

Comment 1

[Cork]

Last good revision: 16f9af72591e
First bad revision: 88723262c85c
Pushlog:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=16f9af72591e&tochange=88723262c85c

Matt: Is this an intentional effect from bug 968555?

Comment 2

[Carlos]

For some reason if I eliminate "preserve-3d" from the wrapper then the order is correct although the animation obviously doesn't work correctly. Also, if I add an opacity < 1 it everything works correctly too. This means there must be an issue with creating a stacking context, but I don't know why since the elements have z-index and "position: absolute".

Comment 3

[Alice0775 White]

@reporter,
The link seems is not available now.
Could you attach testcase or live link?

Comment 4

[Vlad Bacia-Mociran [:VladB]]

Hi,

Steps to reproduce:
1. Go to http://lacigrona.com/carta/comida/
2. Click on "Open menu" button.

Expected results:
When placing the mouse cursor over the 'Open Menu' button it should be highlighted.
When pressing the "Open menu" button the menu should open with a 3D animation.

It seems that this issue is no longer reproducible on Windows 8.1 with the latest release(44.0.1).
While testing with the latest Nightly(47.0a1) build, it seems that the menu is not correctly displayed. The menu items should be displayed on all 3 pages instead of the middle page.

User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:47.0) Gecko/20100101 Firefox/47.0
Build ID: 20160210071115

User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:44.0) Gecko/20100101 Firefox/44.0
Build ID: 20160205155049

Thank you,
Vlad Bacia

Comment 5

[Ryan VanderMeulen [:RyanVM]]

The original issue that this bug was filed for no longer reproduces. I strongly suspect that comment 4 is a more recent regression from the various preserve-3d bugs we're dealing with as fallout from bug 1097464 and friends. As expected, Fx44/45 are both fine. Fx46 doesn't show the menu at all (missing uplift?) and Fx47 is flaky as noted in comment 4. We should file a new bug for this with a regression range.

Comment 6

[Alice0775 White]

(In reply to Ryan VanderMeulen [:RyanVM] from comment #5)
> The original issue that this bug was filed for no longer reproduces. I
> strongly suspect that comment 4 is a more recent regression from the various
> preserve-3d bugs we're dealing with as fallout from bug 1097464 and friends.
> As expected, Fx44/45 are both fine. Fx46 doesn't show the menu at all
> (missing uplift?) and Fx47 is flaky as noted in comment 4. We should file a
> new bug for this with a regression range.

Filed  bug 1250718

Comment 7

[Ryan VanderMeulen [:RyanVM]]

Thanks as always, Alice!