Skip to main content

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).

Attachments (0)
Change History (0)