New issue
Advanced search Search tips

Issue 822698 link

Starred by 2 users
Status: Available
Owner: ----
Cc:
dtapu...@chromium.org
mustaq@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Hittest issue with 'preserve-3d' and animation

Reported by uriziel0...@gmail.com, Mar 16 2018 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.162 Safari/537.36

Steps to reproduce the problem:
1. Enter https://jsfiddle.net/aokq66p9/
2. Open console
3. Click the 'BREAK EVENTS' button
4. Move mouse over the image (it happens most often when pointer crosses center of the image)
5. Watch as mutiple mouseleave events are triggered each time you move the cursor

What is the expected behavior?
The mouseenter/mouseleave events are triggered only once if there is no 'transform-style:preserve-3d' on parent elements, it should only trigger once even with this enabled.

What went wrong?
Mutiple mouseleave events are triggered each time you move the cursor (it happens most often when pointer crosses center of the image)

Did this work before? N/A 

Chrome version: 65.0.3325.162  Channel: stable
OS Version: 10.0
Flash Version: 

Tested it on latest stable Firefox and MS Edge, both working OK.

Comment 1 by krajshree@chromium.org, Mar 19 2018

Labels: Needs-Triage-M65

Comment 2 by viswa.karala@chromium.org, Mar 19 2018

Components: -UI Platform>DevTools
Labels: Triaged-ET M-67 Target-67 FoundIn-67 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on reported chrome version 65.0.3325.162 and on the latest chrome version 67.0.3375.0 using Windows-10, Mac 10.12.6 and Ubuntu 14.04. As the issue is seen from M60(60.0.3112.0) considering it as non-regression and marking it as Untriaged.

Thanks!

Comment 3 by eostroukhov@chromium.org, Mar 19 2018

Components: -Platform>DevTools Blink>Input

Comment 4 by bokan@chromium.org, Mar 22 2018

Owner: mustaq@chromium.org
Status: Assigned (was: Untriaged)
Assigning to mustaq@ since this is a mouse events issue. My guess though is it's probably an issue in layout/paint and hittesting returning the wrong element.

Comment 5 by mustaq@chromium.org, Mar 22 2018

Cc: dtapu...@chromium.org mustaq@chromium.org
Components: Blink>Paint
Owner: flackr@chromium.org
Looks like a hittest issue with paint layers.  Whenever there is a 2-layer nested div /inside/ a "preserve-3d" div, and the innermost div animates, the animated "boundary" confuses the hittesting.

Here is a repro (trimmed down from the original post): http://output.jsbin.com/capumij
In this case, grey #square's effective hittest area is only the lower half of the square!  Check the "mousedown" and "mousemove" targets in console carefully while clicking/moving mouse horizontally/vertically in the square.

Comment 6 by mustaq@chromium.org, Mar 22 2018

Summary: Hittest issue with 'preserve-3d' and animation (was: Mouseleave triggered extensivelly when 'preserve-3d' present on any parent element)

Comment 7 by chrishtr@chromium.org, Mar 22 2018

Components: -Blink>Paint Blink>HitTesting
Owner: ----
Status: Available (was: Assigned)
There are some known issues with corner cases of 3D. See also 613674.
►

Sign in to add a comment