We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Could not find 'sfBlazor.Tooltip.contentUpdated'

I've updated the SyncFusion packages in an existing Blazor project project from version 19.2.0.59 to version 20.3.0.58. Now when running the project an exception is thrown which says:

23/11/2022 21:22:54.632 WRN [10 .NET ThreadPool Worker] Unhandled exception rendering component: Could not find 'sfBlazor.Tooltip.contentUpdated' ('sfBlazor' was undefined).

I've traced the cause to the following two lines in a Component:

<SfTooltip ID="LastContactTip" CssClass="common_tooltip" Target="#LastContact" Content="@tooltipContent" Position=Position.TopCenter OpensOn="Auto" OnOpen="onTooltipOpen"  />
<SfTooltip ID="TreatmentTip" CssClass="common_tooltip" Target="#btnTreatment" Content="Treatment played" Position=Position.TopCenter OpensOn="Auto" @ref="@treatmentTip" />


If I comment the above two lines out the application runs OK. If either of the two lines is present, the exception occurs.

I've checked the Release notes for any breaking Common or Tooltip changes but can't find any.

Can you give me some guidance as to what changes has been introduced between versions 19.2.0.59 and 20.3.0.58 that maybe causing this exception please? Thanks

The full stack trace of the exception is shown below.

Microsoft.JSInterop.JSException: Could not find 'sfBlazor.Tooltip.contentUpdated' ('sfBlazor' was undefined).

findFunction/<@https://localhost:44365/_framework/blazor.server.js:1:497
findFunction@https://localhost:44365/_framework/blazor.server.js:1:465
E@https://localhost:44365/_framework/blazor.server.js:1:2606
beginInvokeJSFromDotNet/s<@https://localhost:44365/_framework/blazor.server.js:1:3494
beginInvokeJSFromDotNet@https://localhost:44365/_framework/blazor.server.js:1:3475
_invokeClientMethod/<@https://localhost:44365/_framework/blazor.server.js:1:72077
_invokeClientMethod@https://localhost:44365/_framework/blazor.server.js:1:72063
_processIncomingData@https://localhost:44365/_framework/blazor.server.js:1:70105
kt/this.connection.onreceive@https://localhost:44365/_framework/blazor.server.js:1:64508
connect/

at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args)
at Syncfusion.Blazor.Popups.SfTooltip.UpdatedTooltipContent()
at Syncfusion.Blazor.Popups.SfTooltip.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)



5 Replies

SA SureshRajan Alagarsamy Syncfusion Team December 5, 2022 12:25 PM UTC

Hi Lallan,


We have validated your reported query from our end by preparing a Tooltip sample, and we are able to replicate the issue and consider it a bug at our end. The fix for this issue will be included in our patch release at the end of December 2022.


Feedback Link : https://www.syncfusion.com/feedback/39591/need-to-clear-the-console-error-that-occurs-in-the-blazor-tooltip-component-during


Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,
Suresh.



PE Peter replied to SureshRajan Alagarsamy December 7, 2022 12:25 AM UTC

Suresh


Thanks for your interest in the issue I've discovered and confirming it's a bug.  Would you mind updating this forum post when the fix is released.  Thanks.


Peter,



IL Indhumathy Loganathan Syncfusion Team December 9, 2022 10:59 AM UTC

Peter, we will provide you with more information about the fix once it has been implemented, as promised. You can also track the feedback to determine the status of the fix.



IL Indhumathy Loganathan Syncfusion Team December 29, 2022 06:44 AM UTC

Peter, After further investigation, we have determined that the issue you reported is caused by incorrect script mapping in the _Host.cshtml file. You can find more information on this in the Tooltip component getting started page at the following link:


https://blazor.syncfusion.com/documentation/tooltip/getting-started#blazor-server-app-2


If you are using the Syncfusion.Blazor.Popups individual component package, please include the following script in your _Host.cshtml file:


[_Host.cshtml]

 

<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

 


If you are using the Syncfusion.Blazor NuGet package, please include the following script in your _Host.cshtml file:


[_Host.cshtml]

 

<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

 


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Tooltip-604516835


We have also attached a sample for your reference and get back to us if you need any further assistance.



AS AIT SALEM replied to Indhumathy Loganathan April 28, 2023 11:12 PM UTC

THAT'S the correct answer. 

Thank you so much 


Loader.
Live Chat Icon For mobile
Up arrow icon