1410131 - 3D: Front-sides of hyperrectangles inside hyperrectangles cannot receive pointer-events

Status: UNCONFIRMED

(Core :: DOM: UI Events & Focus Handling, defect, P3)

Description

[Max Width]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170926190823

Steps to reproduce:

I use elements that have six children in order to create hyperrectangles for entire websites to appear in 3D. In the following let me just refer to the parent element with the 6 children as hyperrectangle.


Actual results:

When a hyperrectangle is a descendant of another hyperrectangle, the front-side of the descendant hyperrectangle is in Firefox behind the front-side of the parent hyperrectangle even though both front-sides have the same z-distance from the user. This makes the front-side of the descendant hyperrectangle to not receive any pointer events.

Here is a fiddle-link (https://jsfiddle.net/picbig/cq76qdoe/7/) where the front-side of a child hyperrectangle includes a hyper-link. The link cannot be clicked because of the mentioned issue. If the child is brought closer to the user by e.g. 0.1px it will work but that is not the solution.


Expected results:

When a hyperrectangle is a descendant of another hyperrectangle, and both of their front-sides have the same z-distance from the user then it should always be the front-side of the farthest descendant hyperrectangle that must be "in front" in order for it to receive pointer-events. In Safari, Chrome and Opera this works fine.

Comment 1

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Any ideas of where our code could be wrong (if we were) with event propagation in our code with the same z-distance?

Comment 2

[Ming-Chou Shih [:stone]]

This looks like related to styling and layout. When mouse down on the link, the hit test target element is a div element, not an anchor element.

Comment 3

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Hi Astley, is this at your team's wheelhouse? Mind helping move this to a better layout component? Thanks!

Comment 4

[Astley Chen (inactive)]

Matt, is this something you can help with? Or who would be the best fit to start with? Thanks.