Clue tips near each other

[ch3apsh0t]

This happens in IE9 not in Firefox running version 1.2.6. (EDIT - this does happen in firefox)

I have two buttons both with different clue tips next to each other.
When i move the mouse on one icon, i see the cluetip.
Then I move moderately quickly to the other icon, and the cluetip for the other icon appears momentarily and then disappears. I have to move my mouse away from the button and back to get the cluetip to show again.

I'm going to try to do some digging in the source to see what the problem is, but thought I would post it here in case someone else already found it.

Below is some sample code to attach the cluetip to the buttons:

.cluetip({
"width": 65,
"splitTitle": '|',
"positionBy": "auto",
"showTitle": false,
"cluetipClass": 'tooltip',
"cursor": "pointer",
"sticky": false });

.cluetip-tooltip {
font-size: 8pt !important;
text-align: center !important;
}
.cluetip-tooltip .ui-cluetip-header, .ui-cluetip-content {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
}

[ch3apsh0t]

Looks like if you use "multiple: true" option, this behavior is gone. So the issue is probably that the second clue tip dialog opens before the first one is told to close, so when the code does finally close the clue tip it ends up closing the one that just opened. Not sure if this is still a bug?

[ch3apsh0t]

An update to this issue. I found that a lot of the buggy behavior occurs when I am on a field, and then I lose focus by using the TAB key rather than clicking somewhere else on the page. I inserted this code which seems to fix the behavior:

// hide any currently showing cluetip because of TAB bug
$(document).trigger('hideCluetip');

$(this)
.removeAttr("title")
.unbind('.cluetip')
.css('cursor', '');