I am trying to add a tooltip to my page that covers the element it is triggered on. When I do so, it flashes instead of staying on. Here is a dojo. Hover your mouse over the text and see it flash.
https://dojo.telerik.com/AsoDIzAC
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.2.0/default/default-ocean-blue.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.1.130/js/kendo.all.min.js"></script>
</head>
<body>
<span id="target" title="Tooltip content">
Some content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
position: "center",
callout: false,
showAfter: 1000
});
});
</script>
</body>
</html>
Seems to be a problem with the tooltip not recognizing the mouse is over it. If you place the tooltip at the bottom, once it is shown you can move the mouse over it and it will continue to display. So the mouse over the target or the tooltip lets the tooltip stay visible. Once you move the mouse out of the tooltip and target, it hides.
When the tooltip is positioned center like you have it, It's like the tooltip isn't getting an event for it to recognize the mouse is over it, so the hideAfter delay kicks in to close it, and you get the flashing. If you set autoHide: false, it eliminates the flashing, but then you have to manually close the tooltip.
If you've got support, I'd suggest opening a ticket. Seems like a bug to me.
Hi Lee,
Thank you very much for your patience. Based on your report I logged the following item in our Feedback Portal:
- https://feedback.telerik.com/kendo-jquery-ui/1641518-tooltip-flashes
The issue is a regression starting with the last release, thus it is considered with the highest possible priority.
As a token of gratitude I have updated your Telerik points.
Regards,
Neli