1. Home
  2. Forum
  3. Blazor
  4. An error appears in a browser console when re-rendering components which use tooltips

An error appears in a browser console when re-rendering components which use tooltips

Our Blazor WASM application (.NET 7) uses SfTooltip in several components. It was good until we updated all Syncfusion NuGet packages from a version 22.1.39 to 23.2.7. On the first load everything is OK, but after any component re-rendered, an error appears in a browser console. It is not breaking anything, though. Here is a description of it:

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]      Unhandled exception rendering component: Cannot read properties of undefined (reading 'animation')      TypeError: Cannot read properties of undefined (reading 'animation')          at Object.updateProperties (https://localhost:7277/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js?v=_uniquePlaceholder_:23:1499596)          at https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:3337           at new Promise (<anonymous>)          at Object.beginInvokeJSFromDotNet (https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:3311)          at Object.Gt [as invokeJSFromDotNet] (https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:62569)          at Object.Ii (https://localhost:7277/_framework/dotnet.7.0.14.zqp5cy8trf.js:5:71974)          at _mono_wasm_invoke_js_blazor (https://localhost:7277/_framework/dotnet.7.0.14.zqp5cy8trf.js:14:103886)          at wasm://wasm/009938ee:wasm-function[313]:0x1d6b8          at wasm://wasm/009938ee:wasm-function[283]:0x1cae6          at wasm://wasm/009938ee:wasm-function[221]:0xe1d6Microsoft.JSInterop.JSException: Cannot read properties of undefined (reading 'animation')TypeError: Cannot read properties of undefined (reading 'animation')    at Object.updateProperties (https://localhost:7277/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js?v=_uniquePlaceholder_:23:1499596)    at https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:3337     at new Promise (<anonymous>)    at Object.beginInvokeJSFromDotNet (https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:3311)    at Object.Gt [as invokeJSFromDotNet] (https://localhost:7277/_framework/blazor.webassembly.js?v=_uniquePlaceholder_:1:62569)    at Object.Ii (https://localhost:7277/_framework/dotnet.7.0.14.zqp5cy8trf.js:5:71974)    at _mono_wasm_invoke_js_blazor (https://localhost:7277/_framework/dotnet.7.0.14.zqp5cy8trf.js:14:103886)    at wasm://wasm/009938ee:wasm-function[313]:0x1d6b8    at wasm://wasm/009938ee:wasm-function[283]:0x1cae6    at wasm://wasm/009938ee:wasm-function[221]:0xe1d6   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.String, System.Private.CoreLib, Version=7.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()   at Syncfusion.Blazor.Popups.SfTooltip.OnParametersSetAsync()   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

In fact, we provide an Animation parameter for the SfTooltips as you recommend in your docs.
Could you please help with resolving this issue?

3 Replies
PM Prasanth Madhaiyan Syncfusion Team December 14, 2023 11:58 AM UTC

Hi Mykhailo,


Greetings from Syncfusion support.


Based on the shared details, we understand that you are encountering a console error related to the Blazor Tooltip component's Animation property when upgrading packages. We have prepared the Blazor Tooltip component using the Animation property sample in the mentioned 22.1.39 version and have also upgraded the sample to the 23.2.7 version. However, we were unable to replicate the reported issue, and the Blazor Tooltip component is working properly without any problems.


For your reference, we have attached the sample.


Sample: Attached as a zip file.


Please check out the attached sample. If the issue still persists, could you please replicate the issue in the attached sample or share the replicated sample of the issue? Based on that, we will investigate and provide you with a prompt solution. Kindly get back to us with the requested details.

Regards,

Prasanth Madhaiyan.


Attachment: BlazorWASMTooltipSample_7a7b1dc.zip

TA Thomas Albæk December 19, 2023 01:17 PM UTC

We had the same error using Tooltips in Grids.


We changed: 

<SfTooltip Content=" @TooltipContent " Position="Syncfusion.Blazor.Popups.Position.RightCenter">

@Content

</SfTooltip>


To:

<SfGrid...........

.

<SfTooltip

ID="TooltipId" Animation="@Animation"  Position="Syncfusion.Blazor.Popups.Position.RightCenter" >

<ContentTemplate>

@TooltipContent

</ContentTemplate>

<ChildContent>

@TooltipChildContent

</ChildContent>

</SfTooltip>

.

</SfGrid>


PM Prasanth Madhaiyan Syncfusion Team December 20, 2023 10:49 AM UTC

Hi Thomas,


Based on the shared code snippets, we have prepared the sample by integrating the Blazor Tooltip component inside the Grid component at our end. When running the prepared sample, we were unable to replicate the mentioned issue, and it is working properly at our end.


For your reference, we have attached the sample and screenshot.


Sample: Attached as a zip file.


Screenshot:


Please check out the attached sample. If the issue still persists, could you please replicate the issue in the attached sample or share the replicated sample of the issue? Based on that, we will investigate and provide you with a prompt solution. Kindly get back to us with the requested details.


Regards,

Prasanth Madhaiyan.


Attachment: BlazorWASMTooltipGridSample_622f3bdb.zip

Loader.
Up arrow icon