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

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>