Mouse events do not work after html element 3d transformation

• Component: UI Events
• Status: REOPENED ---

[Ivan]

Created attachment 453835 [details]
Example of wrong behavior

Element with 3d transformation does not respond to mouse events
Watch https://drive.google.com/file/d/1Dzw2YviPxv0O1B6nwn2kG8FUfvXWF4wc/view
Check https://3dflipbook.net/css-layer-highlight - hold the right mouse button to rotate the book.

navigator.userAgent =
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

[Alexey Proskuryakov]

While I don't have a mouse and used a trackpad, this example worked fine for me in Safari 15.3.

> Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

This looks like Chrome. Chrome uses an old version of WebKit forked in 2013.

I see a couple existing bugs about events in the presence of 3d transforms. I didn't dig deeply to see if they are different, or obsolete, or anything like that. But someone should try to reproduce this with an actual mouse with a right button before closing as a Chrome-only bug.

[Simon Fraser (smfr)]

The video doesn't match the link to the test content. And this appears to be Chrome.

From the video it looks like the tilted content might go behind another transparent layers, so this could be correct behavior. Please re-open if this is a bug you can reproduce in Safari.

[Ivan]

(In reply to Alexey Proskuryakov from comment #1)
> While I don't have a mouse and used a trackpad, this example worked fine for
> me in Safari 15.3.
> 
> > Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36
> 
> This looks like Chrome. Chrome uses an old version of WebKit forked in 2013.
> 
> I see a couple existing bugs about events in the presence of 3d transforms.
> I didn't dig deeply to see if they are different, or obsolete, or anything
> like that. But someone should try to reproduce this with an actual mouse
> with a right button before closing as a Chrome-only bug.

sorry, we updated main site script. check https://3dflipbook.net/bugs/3d-transform-mouse-events.html

[Ivan]

Created attachment 453852 [details]
Example of wrong behavior

[Ivan]

new example: https://3dflipbook.net/bugs/3d-transform-mouse-events.html and reuploaded new video of the issue

[Radar WebKit Bug Importer]

<rdar://problem/90106490>