Bug 237470 - Mouse events do not work after html element 3d transformation
Summary: Mouse events do not work after html element 3d transformation
Status: REOPENED
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Other
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-03-04 04:36 PST by Ivan
Modified: 2024-06-03 01:43 PDT (History)
5 users (show)

See Also:

Attachments
Example of wrong behavior (17.55 MB, video/mp4)
2022-03-04 04:36 PST, Ivan 		no flags Details
Example of wrong behavior (2.00 MB, video/mp4)
2022-03-04 09:56 PST, Ivan 		no flags Details
Show Obsolete (1) View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Ivan 2022-03-04 04:36:48 PST 
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
Comment 1 Alexey Proskuryakov 2022-03-04 09:12:05 PST 
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.
Comment 2 Simon Fraser (smfr) 2022-03-04 09:48:43 PST 
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.
Comment 3 Ivan 2022-03-04 09:52:08 PST 
(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
Comment 4 Ivan 2022-03-04 09:56:52 PST 
Created attachment 453852 [details]
Example of wrong behavior
Comment 5 Ivan 2022-03-04 09:59:58 PST 
new example: https://3dflipbook.net/bugs/3d-transform-mouse-events.html and reuploaded new video of the issue
Comment 6 Radar WebKit Bug Importer 2022-03-10 10:17:50 PST 
<rdar://problem/90106490>