1843728 - Click areas break using CSS 3D transforms

Status: NEW

(Core :: Web Painting, defect)

Description

[15063662]

Attachment: test.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Steps to reproduce:

open "test.html" and click green <div>

Actual results:

Firefox for my Windows desktop does nothing.
Firefox for my Android mobile phone displays an alert box with a message "1".

Expected results:

Firefox for my Windows desktop should display an alert box with a message "1".

Comment 1

[15063662]

Attachment: test.html

remove unnecessary things

Comment 2

[15063662]

Using document.body.addEventListener('click',console.log) I find the event target is "div#scene" when I click "div#area".
The alert box is successfully displayed only when I click the left edge of green "div#area", because it is not covered by "div#scene".

Comment 3

[Alice0775 White]

I can reproduce this on Nightly117.0a1 Windows10 when I click on the right portion of the area.

Comment 4

[15063662]

See also: https://stackoverflow.com/questions/60030358/

Comment 5

[15063662]

The bug occurs when the parent element div#scene covers div#area.
Settingz-index: -9999 or transform: translateZ(-9999px) for div#scene don't work.
The best case solution is to set pointer-events: none for div#scene and pointer-events: visiblefill for div#area.

Comment 6

[Daniel Holbert [:dholbert]]

(In reply to Alice0775 White from comment #3)

I can reproduce this on Nightly117.0a1 Windows10 when I click on the right portion of the area.

Same for me, in Nightly on Linux. The right portion of the green area doesn't trigger the popup for me, when I click it.

Possibly related to bug 1738017; adding see-also for now. Also, reclassifying under the "Web Painting" component, which is responsible for handling the geometry of 3d transforms (including click targeting).

Comment 7

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:tnikkel, could you have a look please?

For more information, please visit BugBot documentation.