Bug 237470

Summary: Mouse events do not work after html element 3d transformation
Product: WebKit Reporter: Ivan <ivberezansky>
Component: UI EventsAssignee: Nobody <webkit-unassigned>
Status: REOPENED    
Severity: Major CC: graouts, hi, mattwoodrow, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Other   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=137313
https://bugs.webkit.org/show_bug.cgi?id=53695
https://bugs.webkit.org/show_bug.cgi?id=274654
Attachments:
Description Flags
Example of wrong behavior
none
Example of wrong behavior none

Ivan
Reported 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
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 attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 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.
Simon Fraser (smfr)
Comment 2 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.
Ivan
Comment 3 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
Ivan
Comment 4 2022-03-04 09:56:52 PST
Created attachment 453852 [details] Example of wrong behavior
Ivan
Comment 5 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
Radar WebKit Bug Importer
Comment 6 2022-03-10 10:17:50 PST
<rdar://problem/90106490>
Note You need to log in before you can comment on or make changes to this bug.