1. Home
  2. Forum
  3. Blazor
  4. Hover Time Before Triggering

Hover Time Before Triggering

Is there a way to set a minimum hover time before triggering the tool tip?  You can set an opendelay, but the popup still eventually shows- just after the delay.

When moving the mouse across a page with a number of tooltips, I don't want any of them to show unless the user hovers over the item.

In the below code, move your mouse from one button to another without hovering over any.  Note that the tooltips all eventually show.  I'd prefer it only show if the user hovers over the item for more than a set amount of time.


@using Syncfusion.Blazor.Popups
@using Syncfusion.Blazor.Buttons

<SfTooltip Target="#target" Content="@Content" OpenDelay="1000" CloseDelay="1000">
    <SfButton ID="target" Content="Show Tooltip"></SfButton>
</SfTooltip>
<SfTooltip Target="#target" Content="@Content" OpenDelay="1000" CloseDelay="1000">
    <SfButton ID="target" Content="Show Tooltip"></SfButton>
</SfTooltip>
<SfTooltip Target="#target" Content="@Content" OpenDelay="1000" CloseDelay="1000">
    <SfButton ID="target" Content="Show Tooltip"></SfButton>
</SfTooltip>
<SfTooltip Target="#target" Content="@Content" OpenDelay="1000" CloseDelay="1000">
    <SfButton ID="target" Content="Show Tooltip"></SfButton>
</SfTooltip>
<SfTooltip Target="#target" Content="@Content" OpenDelay="1000" CloseDelay="1000">
    <SfButton ID="target" Content="Show Tooltip"></SfButton>
</SfTooltip>
@code
{
    string Content = "Tooltip with delay";
}

<style>
    #target {
        background-color: #ececec;
        border: 1px solid #c8c8c8;
        box-sizing: border-box;
        margin: 80px auto;
        padding: 20px;
        width: 200px;
    }
</style>

10 Replies 1 reply marked as answer
JC Jonah Coleman July 21, 2020 06:21 PM UTC

FYI this is the kind of unexpected behavior you get:

https://screencast-o-matic.com/watch/cYirFYEqSu

I'm not sure I understand the purpose of the OpenDelay if it isn't to ensures a minimum hover time before opening- I can't think of a scenario where you'd always want the tooltip to eventually open, just after a delay?

SP Sowmiya Padmanaban Syncfusion Team July 22, 2020 05:03 PM UTC

Hi  Jonah Coleman,  
  
Greetings from Syncfusion support. 
  
We have checked your reported problem with Tooltip component (Tooltip is opened after changing the target when using open delay). We have consider this as a bug from our end. Fix for this issue will be included in our First weekly which rolls out after  Volume 2 SP1 release which is expected to be released at the first week of August 2020. 
  
Track the below link to know the bug status. 
  
We appreciate your patience. 
  
Regards,  
Sowmiya.P 


JC Jonah Coleman July 22, 2020 06:15 PM UTC

Thanks.  What about the OpenDelay behavior?  Do you agree that if you do not hover over the target for the OpenDelay time, the tooltip should never pop up?

SP Sowmiya Padmanaban Syncfusion Team July 23, 2020 01:15 PM UTC

Hi Jonah Coleman,  
 
Thanks for the update. 
 
Yes, we have consider to fix your issue reported scenario in Tooltip component that is Tooltip element will open only when the target element is maintained in hover state even with delay (CloseDelay and OpenDelay). 
 
Regards,  
Sowmiya.P 


SP Sowmiya Padmanaban Syncfusion Team September 2, 2020 12:50 PM UTC

Hi Jonah Coleman, 
 
Sorry for the inconvenience.  
        
Due to some technical complexities, we were unable to include this fix for Tooltip issue in our patch release. Currently, we are working on fixing this issue with high priority. This fix will be included in our next patch release which is expected to be rolled out in the second week of September 2020. 
   
We appreciate your patience.   
     
Regards,     
Sowmiya. P    


JC Jonah Coleman September 8, 2020 11:32 PM UTC

Appreciate the update- looks like it must not have made this release (57) either.

SP Sowmiya Padmanaban Syncfusion Team September 9, 2020 09:26 AM UTC

Hi Jonah Coleman, 
 
Sorry for the inconvenience. 
         
Yes, the fix for this issue is not included in this week’s patch release due to some technical complexities. Currently, we are working on fixing the issue with high priority. This fix will be included in our Volume 3 release which is expected to be rolled out in the end of September 2020.  
    
We appreciate your patience.    
      
Regards,      
Sowmiya. P  


SP Sowmiya Padmanaban Syncfusion Team October 5, 2020 01:51 PM UTC

Hi Jonah Coleman,

We are glad to announce that our Essential Studio 2020 Volume 3 release v18.3.0.35 is rolled out and is available for download under the following link.  
   
   
The issue with “The Tooltip is not opened on target element using opendelay and closedelay” is fixed and included in this release. You can update to the latest package version (18.3.0.35) to resolve the issue in your sample. 
  
   
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
  
Regards, 
Sowmiya.P 


Marked as answer
BD Bob Driscoll April 2, 2022 05:07 AM UTC

This issue does not seem to actually be fixed.  Nearly two years later, I'm setting the OpenDelay to 1000, rolling over it quickly and moving off it, and it is still popping up a second later.  Shouldn't it simply not open at all unless I hover over it for the OpenDelay amount of time?


LD LeoLavanya Dhanaraj Syncfusion Team April 5, 2022 03:36 PM UTC

Hi Bob,


We have validated your reported issue by preparing a sample in the latest version. If you enable both the OpenDelay and CloseDelay properties in the Tooltip component, it will take the mentioned time to open and close the tooltip. If you only enable OpenDelay, it will immediately close the tooltip after moving to the next target.


Please check the attached sample for reference. If the issue still persists, share with us the exact package version and the issue's replicated video footage. These details would help us assist you promptly.


Regards,

Leo Lavanya Dhanaraj



Attachment: TooltipDelay_6e21203d.zip

Loader.
Up arrow icon