Search and Top Navigation
#15132 new bug ()
Opened January 31, 2017 02:49AM UTC
Last modified January 31, 2017 02:49AM UTC
Tooltip flickers up and down when rapidly moving the mouse in and out of the target
| Reported by: | MakiCode | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.tooltip | Version: | 1.12.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Bug Report
When showing and hiding the tooltip quickly, the tooltip randomly changes position vertically, always above of where it should be. The tooltip should stay in the position it's set was no matter how the mouse is moved over the target.
I know nothing of jQuery/jQuery-UI internals, but I would hypothesize that this is caused by firing 'close' and 'open' faster than the animation can complete.
Test Case
Here's a test case: https://jsfiddle.net/6jbket27/3/ that has been reduced as much as possible while maintaining usability.
1. Move the mouse next to any side of the green box.
2. Rapidly move the mouse back and forth across the green border (less than half a second between crossings at least)
3. Continue for 5 seconds. You should see results almost immediately if you move rapidly enough
This bug has been reproduced when using jQuery 3.1.1 + jQuery UI 1.12.1, on Chrome 55.0.2883.95 (64-bit), Safari 10.0.3 (12602.4.8), Firefox 49.0, and Opera 42.0.2393.517, all tested on a MacBook Pro (Retina, 13-inch, Late 2012) on macOS 10.12.3 (Sierra).