Tooltip flashes repeatedly in Firefox

[Adam]

I have a RadToolTip on each element of a RadGrid.  In the Grid_ItemBound method I set the tip's client ID to that of the element. 

In IE7 we get expected results, but in Firefox 2.0 as the mouse is hovering over the grid element, the tooltip repeatedly opens and closes very fast.  Is there a workaround for this?

We are on Rad ASP.NET AJAX Q1 2008, .NET 2.0

Thanks.

-Adam

[Svetlina Anati]

Hi Adam,

I am not quite sure about your scenario - do you use a RadToolTipManager or RadToolTip in an item template?

I also noticed that you change the control's ClientID and it is read-only property and you can not assign a value. I assume that you mean that you are setting the RadToolTip's TargetControlID but I was not able to reproduce your problem.

Please, open a new support ticket and attach a fully runnable project (with a DB, if needed) which reproduces the issue. Once I receive it I will do my best to help.


All the best,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Adam]

I have submitted a support ticket with a sample app. (Ticket 139052)

Thank you.

[Joel Kraft]

I am also having this issue, and am glad to hear that it is not just me! :-)

I have a live demo on my development site:  http://knox.case.edu/living/resources/

Hover over in the little balloon in the "RATE THIS PAGE" section.  In IE7, the tooltip pops up nicely and then disappears when your mouse leaves the area.  In FireFox 2, though, hovering over the balloon causes the tooltip to repeatedly appear and disappear.

This is what my tooltip declaration looks like.
Joel

<img src=/site/master/img/Star_Comment.gif id="imgComment" />
<TELERIK:RadToolTip
    runat="server" ID="tipRating"
    Skin="Vista" Title="Page Rating & Feedback"
    Animation="Resize" ShowDelay="250" HideDelay="1000" ManualClose="false" Sticky="true"
    Width="275" Position="MiddleRight" RelativeTo="Element"
    ShowEvent="OnMouseOver" TargetControlID="imgComment" IsClientID="true">
    <p>To submit a comment about this page, enter it here and then click on the appropriate star rating.</p>
    <asp:TextBox runat="server" ID="tbComment" TextMode="MultiLine" Rows="5" Columns="30" />
</TELERIK:RadToolTip>

[Adam]

The problem has to do with the sticky property and the way that the animation of the tooltip opens.  When the mouse is directly over the object, the animation opens such that the mouse is over the tooltip.  Then the animation moves so that the mouse is not over the tooltip anymore.  When sticky=true, the behavior of the mouse "leaving" the tooltip (or in this case, the tooltip moving out from under the mouse), causes a hide on the tooltip.

The workaround was a little bit of javascript:

function OnClientShow(sender, args)
{
sender._manualClose = false;
}

function OnClientBeforeShow(sender, args)
{
sender._manualClose = true;
}

Add those events to the Tooltip and it should work for you.

[Joel Kraft]

Ah, you are absolutely correct that the animation is causing a problem.

Your workaround did not fix it for me, though.  Sometimes even when I could get the tip to popup, then it would not properly disappear when it should.

My workaround for was just to use a non-moving animation until this can be fixed.

[Joel R]

I found in the manual that the updatepanel should be set to conditional and that solved my problem. 

<

asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">