Tooltip stays opened, even on Syncfusion's website

[Yaroslav Zhmayev]

See the screenshots, please

Attachment: tooltips_problem_f88c0f95.7z

[Prasanna Kumar Viswanathan]

Hi Yaroslav, 

 

Thanks for contacting Syncfusion support. 

 

We checked the screenshot and we can reproduce the mentioned issue in Syncfusion Website. To overcome this issue, we suggest you to define the “mouseover” event to the grid element in load event of Grid.  

 

Find the code example and sample: 

 

 

let grid: Grid = new Grid({ 

  dataSource: new DataManager(employeeData as JSON[]).executeLocal( 

    new Query().take(8) 

  ), 

  columns: [ 

    { 

      field: "EmployeeID", 

      headerText: "Employee ID", 

      textAlign: "Right", 

      width: 100 

    }, 

    ---------------- 

  ], 

  gridLines : 'Both', 

  width: "auto", 

  height: 359, 

  load: function(args) { 

    grid.element.addEventListener("mouseover", function(args) {debugger 

      if ( 

        args.target.classList.contains("e-rowcell") 

      ) { 

        tooltip.content = args.target.innerHTML; 

      } 

    }); 

  } 

}); 

grid.appendTo("#Grid"); 

 

 

Sample: https://stackblitz.com/edit/xsn6xr-3fsn1a?file=index.ts 

For documentation, we have logged the improvement task and it will refreshed in online ASAP. 

 

Regards, 

Prasanna Kumar N.S.V 

[Yaroslav Zhmayev]

Hello Kumar

I'm not sure how to apply it to our Blazor app without adding yet another JSInterop, if possible, I'd like to avoid it.
So this is the code we are using in our prototype application

<EjsTooltip ID="@("LanguagesId_" + company.Id.ToString())"
        Content="@Join(GetCultureNames(company.Languages), ", ")"
        Position="@Syncfusion.EJ2.Blazor.Popups.Position.TopCenter"
        ShowTipPointer="true"
        OpensOn="Hover">
    <e-content-template>
        @(company.Languages?.Count() ?? 0)
    </e-content-template>
</EjsTooltip>

[Yaroslav Zhmayev]

Bump

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Yaroslav, 

 

Greetings from Syncfusion support. 

 

We have checked your reported issue on tooltip component and suspect that your query is specifically on tooltip component instead of tooltip within a Grid. While setting the OpensOn property as “Hover”, it opens the tooltip on target element during hover. We have prepared simple sample for tooltip show. Refer the sample link below. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-962596163.zip 

 

If we misunderstand your requirement, please share the any of the below listed additional details regarding your requirement.  

 

1.      Are you using tooltip component separately? 

 

2.      Share the Syncfusion NuGet package version installed in your application. 

 

3.      Kindly share your exact requirement (Is your requirement is to render the tooltip on grid row?) 

 

This information will helpful for us to resolve your issue at the earliest. 

 

Regards, 

Shameer Ali Baig S.