Tooltip Flashing on Hover

1 Answer 21 Views
ToolTip
Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
Lee asked on 08 Feb 2024, 06:36 PM

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>

Jay
Top achievements
Rank 2
Iron
Iron
Veteran
commented on 12 Feb 2024, 07:35 PM

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.

Neli
Telerik team
commented on 19 Feb 2024, 08:58 AM

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

1 Answer, 1 is accepted

Sort by
1
Neli
Telerik team
answered on 13 Feb 2024, 02:46 PM

Hello Lee,

Thank you for reaching out. I tested the described issue and it seems that it can be replicated starting with the latest version 2024.1.130. I will discuss the issue with a developer from the team and will reply in the thread. Please expect my reply shortly. 

Regards,
Neli
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
ToolTip
Asked by
Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
Answers by
Neli
Telerik team
Share this question
or