Tooltip flashes repeatedly in Firefox

7 posts, 0 answers
  1. Adam
    Adam avatar
    89 posts
    Member since:
    Mar 2008

    Posted 19 May 2008 Link to this post

    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
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 20 May 2008 Link to this post

    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
  3. Adam
    Adam avatar
    89 posts
    Member since:
    Mar 2008

    Posted 20 May 2008 Link to this post

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

    Thank you.
  4. Joel Kraft
    Joel Kraft avatar
    92 posts
    Member since:
    Jan 2004

    Posted 20 May 2008 Link to this post

    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>


  5. Adam
    Adam avatar
    89 posts
    Member since:
    Mar 2008

    Posted 20 May 2008 Link to this post

    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.

  6. Joel Kraft
    Joel Kraft avatar
    92 posts
    Member since:
    Jan 2004

    Posted 20 May 2008 Link to this post

    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.
  7. Joel R
    Joel R avatar
    26 posts
    Member since:
    Nov 2007

    Posted 11 Jun 2008 Link to this post

    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">

Back to Top