Bug 141116 - Mousemove event is not firing as intended
Summary: Mousemove event is not firing as intended
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: 420+
Hardware: PC Windows 8
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-01-31 07:28 PST by Rob
Modified: 2019-02-06 09:18 PST (History)
0 users

See Also:


Attachments
CPU Profile of 12 image demo (264.70 KB, application/octet-stream)
2015-01-31 07:28 PST, Rob
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Rob 2015-01-31 07:28:59 PST
Created attachment 245781 [details]
CPU Profile of 12 image demo

I apologize in advance for not being able to determine the exact issue here, or provide a reduced test case.

Overview: Essentially, this is was found while using the jQuery AnythingZoomer plugin. There is a significant delay (2-3 seconds) that is introduced when trying to position a div containing more than 10 stacked images under the cursor; with 10 or less images the behavior is as expected. This issue does not occur in Firefox, Opera or IE11 (I didn't test in older IE versions).

Here is a demo of the plugin behaving as expected (10 images in large container): http://jsfiddle.net/5j354atc/3/
Here is a demo of the huge delay (12 images in large container): http://jsfiddle.net/5j354atc/2/

Steps to Reproduce:
1) Load the demo; there is an expected initialization delay of a second or two.
2) Move the mouse anywhere over the map.
3) Notice how long it takes for the zoom window to appear under the mouse.

Actual Results:
In the 12 image demo, I ran and profile and examined the flame graph (CPU profile attached). I noticed that jQuery was not receiving any mousemove events
Comment 1 Rob 2015-01-31 07:31:36 PST
Continued...

Expected Results:
The zoom window moves with the mouse cursor with minimal delay.

Build Date & Platform:
Version 40.0.2214.94 m on Windows 8.1 64bit
Comment 2 Rob 2015-01-31 07:34:26 PST
Sorry, I included the version of Chrome above; it was reported to me that this issue also occurs in Safari, which I don't have access to.
Comment 3 Rob 2015-12-28 14:44:55 PST
Update: The AnythingZoomer repository was moved under the CSS-Tricks organization, so the previous demos stopped working. Here are links pointing to the updated demos:

 8 image demo: http://jsfiddle.net/Mottie/5j354atc/8/
10 image demo: http://jsfiddle.net/Mottie/5j354atc/6/
12 image demo: http://jsfiddle.net/Mottie/5j354atc/7/

After updating these demos, it appears that the issue has gotten worse! I now see a big delay with 10 stacked images. This delay disappears (after about 2 seconds of mouse movement) when 8 images are stacked.

Again, there is no noticeable delay in Firefox even when using 12 stacked images.
Comment 4 Rob 2017-03-23 20:12:55 PDT
This is no longer an issue... just tested in the latest versions of Chrome & Opera (no Safari on Windows).
Comment 5 Lucas Forschler 2019-02-06 09:18:29 PST
Mass move bugs into the DOM component.