1827203 - Nested elements with transform-style: preserve-3d ignore pointer events

Status: RESOLVED WORKSFORME

(Core :: DOM: Core & HTML, defect)

Description

[Jonas]

Attachment: firefox_bug_reproduction.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/111.0

Steps to reproduce:

Here is an example that produces the issue:
https://codepen.io/JonasGruenwald/pen/NWOqgaQ
HTML document reproducing the issue is also attached.

Steps to reproduce:

• Create a structure of nested <div> elements
• Each div element also contains an interactive element (for example an anchor tag)
• On all div elements, set the CSS property 'transform-style' to 'preserve-3d'

Actual results:

Starting at a nesting depth of 6, the interactive elements do not appear to accept pointer events anymore, they cannot be clicked and there is no 'pointer' cursor.
The first 6 Elements appear to work correctly.

Expected results:

The interactive elements at any depth should remain interactive and accept pointer events (this works in latest Chrome and Safari).

Comment 1

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Core & HTML' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Kris Maglione [:kmag]]

I'm not sure how likely this is to occur in the wild. If someone with better knowledge of the usage metrics feels that it is reasonably likely, I'll consider increasing the severity.

Comment 3

[Jonas]

I can't really reproduce this anymore in the current version of Firefox for Mac, so I'm resolving this.