Error when quickly navigating between pages one of which has an SFAccumulation Chart

[Vincent McCarthy]

Hello

When I navigate between pages quickly and the first contains multiple  SfAccumulationChart I get the following breaking error if I navigate away before (all) charts are rendered.

System.NullReferenceException: Object reference not set to an instance of an object.

   at Syncfusion.Blazor.Charts.SfAccumulationChart.SetAccFontKeys()

   at Syncfusion.Blazor.Charts.SfAccumulationChart.OnAfterScriptRendered()

   at Syncfusion.Blazor.SfBaseComponent.OnAfterRenderAsync(Boolean firstRender)

   at Syncfusion.Blazor.SfDataBoundComponent.OnAfterRenderAsync(Boolean firstRender)

   at Syncfusion.Blazor.Charts.SfAccumulationChart.OnAfterRenderAsync(Boolean firstRender)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)

Could this be handled so that it does not happen?

[Durga Gopalakrishnan]

Hi Vincent

We have ensured your reported scenario in latest Syncfusion.Blazor nugget package version 18.4.0.33 with .NET Framework 5.0, unfortunately we are unable to replicate an issue from our end. We have attached sample for your reference. Please try to replicate an issue in below sample or provide us an issue reproduced sample to proceed further.

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccNav-584281680.zip

Kindly revert us if you have any questions.

Regards,

Durga G

[Volker]

Same here!

We use a handmade tab to toggle container:

In container 1 (tab1) there are some SfMaps, in container 2 (tab 2) there are some SfCharts. In container 3 and 4 there are no Syncfusion components.

When we quickly switch between tab 3 and tab 4, no error occurres.
When we slowly switch between tab 1 and tab 2, no error occurres.
When we quickly switch between tab 1 and tab 2, we get an error, shown in the console, page breaks and must be reloaded:



Here it is:

Did you solve it?

Cheers,
Volker

[Durga Gopalakrishnan]

Hi Volker,

We have ensured your reported scenario by creating bootstrap tabs and performed navigation as per your replication steps. Unfortunately, we are unable to reproduce the reported scenario from our end. Is it possible to share sample or video file which replicates an issue? so that it will be helpful for us to proceed further. We have attached the tested sample for your reference. 

Sample :  https://www.syncfusion.com/downloads/support/directtrac/general/ze/Tabs-1406581563.zip

Kindly revert us if you have any concerns.

Regards,

Durga G

[Volker]

Hi Durga,

thank you so much for your prompt reply!

I have prepared a demo solution with help text to clearly show and reproduce the errors. A short video is also included to demonstrate the behavior of the components. Please add your license key in startup.cs ;-)

I am currently developing a web front end for an investment company, and I am using the same tab mechanism then in the demo. During the last days I noticed this error. But apparently I'm not the only one: Vincent McCarthy found this error, either.

To be clear: Even if you switch the tabs much more slowly and with a realistic speed, this NullReferenceException occurs occasionally and breaks the app.

A first work-around was that I have written my own component which calls the Open Street Maps directly with HTML/jquery instead of using your SfMaps component. I've successfully implemented this, but it's less convenient than using your component.

As a further backup I started to implement the HighCharts API instead of using your SfCharts components. This way you can avoid all of these errors, too. But that's less convenient than using your component, either.

see https://www.highcharts.com/demo/pie-monochrome

I hope you'll find the reason and can eliminate it. That would be great!
But if you cannot offer a robust solution for this NullReferenceException problem, I will unfortunately have to do without your components in this project.

Cheers,
Volker

Attachment: FastSwitchDemo_4fa9df5c.zip

[Durga Gopalakrishnan]

Hi Volker,

Thanks for an update. We will validate the reported issue with attached sample and update the further details within one business day(25th January 2021). We appreciate your patience until then.

Regards,

Durga G

[Durga Gopalakrishnan]

Hi Volker,

We have validated your reported scenario. We have considered this as a bug and logged a defect report. This fix will be available in our upcoming weekly patch release which is expected to be rolled out on 16th February 2021. We appreciate your patience until then. You can keep track of the bug from the feedback portal below.

Feedback Link : https://www.syncfusion.com/feedback/21756/

The provided feedback link is private, and you need to login to view this feedback.

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal. 

Regards,

Durga G

[Volker]

Hi Durga,

thank you for your quick reply.

It says: "Access Denied"

Cheers,
Volker

[Durga Gopalakrishnan]

Hi Volker,

We regret for inconvenience. We have validated the provided feedback link. Please login and check the below feedback link now.  

Feedback Link : https://www.syncfusion.com/feedback/21756/

Kindly revert us if you have any concerns.

Regards,

Durga G

[Volker]

Nope 

[Durga Gopalakrishnan]

Hi Volker,

Sorry for inconvenience. Please check now and if you are still facing problem, please revert us.

Regards,

Durga G

[Volker]

thank you, I'm in.

Cheers,
Volker

[Durga Gopalakrishnan]

Hi Volker,

Most welcome. We will include the fix for reported issue as per mentioned timeline. We appreciate your patience until then.

Regards,

Durga G

[Durga Gopalakrishnan]

Hi Volker,

We are glad to announce that our v18.4.43 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor NuGet package version.

Nugget Package : https://www.nuget.org/packages/Syncfusion.Blazor

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,

Durga G

[Volker]

Hi Durga

thank you for the quick reply and all your support.

Although, after updating the Nuget-Package to v18.4.43 the NullReferenceExeption is not gone:

1. SfMaps NullReferenceExeption is still here, if there are more then 50 charts in the tab-container.
2. Now the very first SfChart on tab 1 produces an error and the connection gets lost.

I've prepared a new video and a new sample procject, please have a look.

Cheers,
Volker

Attachment: FastSwitchDemo_44af26c4.zip

[lukas vojtassak]

Hello Volker & Durga I am facing the similar issue in my application with appearing error after more or less "faster" navigation between tabs that include charts.

System.NullReferenceException: Object reference not set to an instance of an object.

   at Syncfusion.Blazor.Charts.SfChart.OnAfterScriptRendered()

   at Syncfusion.Blazor.SfBaseComponent.OnAfterRenderAsync(Boolean firstRender)

   at Syncfusion.Blazor.SfDataBoundComponent.OnAfterRenderAsync(Boolean firstRender)

   at Syncfusion.Blazor.Charts.SfChart.OnAfterRenderAsync(Boolean firstRender)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)

Also agreed that updating to newest version didn't help.

[Durga Gopalakrishnan]

Hi Volker,

We have ensured the reported scenario with attached sample and video.

# 1 : SfMaps NullReferenceExeption is still here, if there are more then 50 charts in the tab-container.

We are analyzing on this; we will update the details within one business day(19th February 2021). We appreciate your patience until then.

# 2 : Now the very first SfChart on tab 1 produces an error and the connection gets lost.

We suggest you specify the below code snippet in Startup.cs file to resolve the connection lost issue.

Startup.cs

public void ConfigureServices(IServiceCollection services)        {

          services.AddSignalR(e => {

                e.MaximumReceiveMessageSize = 102400000;

            });

}

We will resolve the chart NullReferenceException issue in our upcoming weekly patch release which is scheduled to be rolled out on 23rd February 2021.We appreciate your patience until then. You can keep track of the bug from an already created feedback link.

 

Feedback Link : https://www.syncfusion.com/feedback/21756/

 

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

Regards,

Durga G

[Volker]

Hi Durga,

thank you for the AddSignalR hint, that helped to draw the charts in principle.

Tap-Switching is still impossible, hope you find a solution:
Do you already have an idea why these NullReferenceExeptions occur on charts and maps?

Cheers,
Volker

[Durga Gopalakrishnan]

Hi Volker,

Thanks for an update. Please check with below options.

# 1 : SfMaps NullReferenceExeption is still here, if there are more then 50 charts in the tab-container.

We were able to reproduce the reported issue in our Maps component when we click on the button fast in the provided application. This is because the next set of Maps component gets added before the last set gets initialized. Can you please render the map once after the maps get rendered for the previous button click? Please let us know your exact requirement for the Maps component with the provided sample. It will be helpful for us to analyze further and assist you better.

# 2 : SfChart NullReferenceException while switching tabs

We have not yet started to work on this case. We will fix this issue soon and it will be available in our weekly patch release as mentioned earlier. We appreciate your patience until then.

Regards,

Durga G

[Durga Gopalakrishnan]

Hi Volker,

We are glad to announce that our v18.4.44 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor NuGet package version.

Nugget Package : https://www.nuget.org/packages/Syncfusion.Blazor

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,

Durga G