Grid functions stop working after set dialog animation

[SZL]

Hello,

Yesterday I find a bug with animation in Grid's dialog edit mode. The details:

So I have a blazor grid with custom editor template, the editor settings are:

 <GridEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" Mode="EditMode.Dialog" Dialog="AddEditDialogSettings">

The AddEditDialogSettings object:

protected DialogSettings AddEditDialogSettings = new DialogSettings { CssClass = "gp-dialog", AllowDragging = true, ShowCloseIcon = true, CloseOnEscape = true, AnimationEffect = DialogEffect.FadeZoom, AnimationDuration = 500 };

When I set the bold part the Grid functions (almost all) stop working wihout any error message (refresh, xlsx export, pdf export etc...). Nothing happen after I activate these functions (no error, no loader, no refresh, nothing).

When I remove the bold part everything works again.

I think this is a very weird bug, it was hard to locate it, so therefore I write this message to help for other users to find the solution.

Thanks!

(Sorry, that I not send example project, but this is a huge project and I cannot send everything). 

BR, SZL

[Monisha Saravanan]

Hi SZL, 

Greetings from Syncfusion support. 

We have analyzed your query and prepared an sample based on your shared information. But we could not able to able to reproduce the reported behavior at our end when using animation settings. Kindly refer the attached code snippet and sample for your reference. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ServerApp-580163118.zip 

If the reported issue still reproduced kindly share the below details to validate further at our side. 

• Share the Grid code snippet.
• Share us the Syncfusion Blazor Nuget version.
• Share us the video demo of the issue with replication procedure.
• Also ensure whether you have enabled AllowExcelExport/AllowPdfExport on your solution.
• If possible share us simple issue reproducing sample or try to reproduce the issue on the above mentioned sample.

The above requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible. 

Regards, 

Monisha 

[SZL]

Hi,

Thank you for fast reply.

Currently this is not a blocking problem for me, because I simply remove the animation. :)

The JSON serialization options can be a problem in this case? Like in this post? 

(this is also my thread in the same project)

https://www.syncfusion.com/forums/173206/integrate-bold-reports-to-blazor-webassembly-app 

I try now again and I succesfully catch the error message, but I dont know it can help or not:

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]

      Unhandled exception rendering component: Object reference not set to an instance of an object.

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

   at Syncfusion.Blazor.Grids.SfGrid`1.<ModelChanged>d__454[[DTO.AnyagRendelesListItemDto, Fomenu.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].MoveNext()

   at Syncfusion.Blazor.Grids.SfGrid`1.<OnParametersSetAsync>d__444[[DTO.AnyagRendelesListItemDto, Fomenu.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].MoveNext()

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

Unfortunatelly I cannot locate what is null in debug mode.

When I remove the animation, this error not appear.

BR, László

[Monisha Saravanan]

Hi SZL, 

  

Thanks for the update. 

  

We have checked your reported query and we could not able to find the exact cause of the issue with the shared information. kindly share the below details to validate further at our side. 

  

• Share us the Grid code snippet.
• Share us when you are facing the exception. Are you facing exception at initial rendering or at the time of Edit/ RecordClick or at the time of exporting.
• Share some more details regarding your query.
• Share us the video demo of the issue with replication procedure.
• If possible share us simple issue reproducing sample or try to reproduce the issue on the sample from the previous update.

  

The above requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible. 

  

Regards, 

Monisha 

  

[SZL]

Hi,

I send my grid code and a custom dialog code (but I think this not very helpful without reference objects).

The error appear when I click the OK button in this custom dialog. The custom dialog is activated by a custom toolbar button (but the grid function not-working problem was an initial problem).

Sorry I cannot send a proper example, because the project is too huge now, it is lot of time to reproduce this in a separate project. For me now is easier to uncomment the animation part and not use it. 

I write this post only, if somebody has a similar problem, this is a possible solution to disable the animation.

If I have more information in the future, I will write an update.

Thank you!

Attachment: 0_58167e2.zip

[Monisha Saravanan]

Hi SZL, 

Thanks for the update. 

We have analyzed your sample and we are quite unclear about the exact issue you are facing. kindly share the below details to validate further at our side.  

   

• Share us when you are facing the exception. Are you facing exception when clicking at an external dialog or when using the default dialog of Grid.
• Share us more details on how the external dialog is related to SfGrid component.
• You have mentioned animation effect on both the dialog. Share us the exception throws from GridDialog animation or from SFDialog animation.
• Share us the video demo of the issue with replication procedure.

 

The above requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible.  

   

Regards,  

Monisha  

[Holger Braunschweig]

Same Issue here.

I digged a little deeper and first I thought the issue ocours only when I load data from the backend in any of the lifecycle methods (e.g onIniitalizedAsync) and the problem is the data.

But that isn't.

Instead of loading data I called await Task.Delay(300) in onInitializedAsync and the issue occurs too

Maybe that help?

Regards

Holger

[Monisha Saravanan]

Hi Holger,

Greetings from Syncfusion support.

Before proceeding further with your requirement kindly share the below details to validate further at our end.

1. Share us the entire Grid code snippet along with model class.
2. Share us whether you are facing an issue with default Grid animation or when using SfDialog or during another operation. If so kindly explain your requirement in detail.
3. Share us whether you have used local DataSource or remote Datasource in your application.
4. Share us the exception faced in browser console.
5. Share us the video demonstration of the issue.
6. If possible share us an simple issue reproduceable sample.

The above-requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible.

Regards,

Monisha