1233978 - Elements with "transform-style: preserve-3d" don't respond to mouse events

Status: RESOLVED DUPLICATE of bug 1232060

(Core :: Layout, defect)

Description

[Michael Lelli]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:45.0) Gecko/20100101 Firefox/45.0
Build ID: 20151218004007

Steps to reproduce:

* Apply "transform-style: preserve-3d" to an element that contains a hyperlink as a child
* Click the link


Actual results:

Nothing happens


Expected results:

Go to the link's page

Testcase: https://jsfiddle.net/10nefczu/1/

Comment 1

[Felix]

User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:46.0) Gecko/20100101 Firefox/46.0
Build-ID: 20151219030215 (Firefox Nightly 46.0a1)

Hey Michael,
I can confirm your report with the latest Firefox Nightly,
if you define the style within the <a>-Element, the bug does not appear (See https://jsfiddle.net/s5uoLhok/),
but if you define it inside an <div>-element, it appears.

Version: 45 + 46 Branch

Felix

Comment 2

[Michael Lelli]

Yes, when applied directly to the <a> element, mouse events still work. It's only when applied to the parent <div> do they break.

Comment 3

[Olli Pettay [:smaug][[e-mail]]]

This seems to be some hit testing issue, which (a bit oddly) is more like a layout bug than event handling.
But I see the testcase working in FF43, so this is a regression.

Comment 5

[Ryan VanderMeulen [:RyanVM]]

Dupe of bug 1228279?

Comment 6

[Thinker Li [:sinker]]

It is definitely a dupe of bug 1232060.

see https://jsfiddle.net/10nefczu/2/
It comes back to normal after adding an additional preserve-3d element.

For bug 1228279, I would check it again!