CODEWITHSUNDEEP
javascriptjquerykendo-uitelerikkendo-tooltip
DavidDunham
DavidDunham

Reputation: 1362

Kendo Tooltip not properly closing

Demo: http://jsfiddle.net/h185js61/

var tooltip = $("#DIV_ID").kendoTooltip({
    showAfter: 100,
    autoHide: true
});

Screenshot of the problem: enter image description here

Problem: Kendo Tooltip (API: http://docs.telerik.com/KENDO-UI/api/javascript/ui/tooltip) does not properly hide the tooltip even though autohide is set to true.

This happens when I move the mouse over-and-out "Some Content" in my demo very quickly (which users do). I am catching the mouseout event with jquery which works.

Goal: I think this is a Kendo bug! Hence I am looking for a way to destroy the tooptip on jquery's mouseout event which works correctly.

Upvotes: 2

Views: 2424

Answers (1)

DavidDunham
DavidDunham

Reputation: 1362

var tooltip = $("#DIV_ID").kendoTooltip({
    showAfter: 100,
    autoHide: true
}).on('mouseout', function(e){
  $('#'+e.target.id).data('kendoTooltip').hide();
});

Demo: http://jsfiddle.net/1Ljy2kzq/

Adding a mouseout effect with jquery and then force hiding the current tooltip works as a hack.

Upvotes: 3

Related Questions