Editing demo code hangs, when Syncfusion.Blazor package version is larger than 18.1.0.48

[T]

Demo: https://blazor.syncfusion.com/demos/gantt-chart/editing?theme=bootstrap4

Using demo code in sample project works, when Syncfusion.Blazor package version is 18.1.0.48.

When version is newer, the browser displays spinner and hangs.

Sample project is attached.

Attachment: TestSample_be689619.zip

[Pooja Priya Krishna Moorthy]

Hi Tipal, 

 

In Blazor application, Microsoft have limited the message size (32KB) which will be sent from server to JSInterop to increase the performance. To render Gantt with large data and templates we need to increase the message size by below code. 

   public void ConfigureServices(IServiceCollection services) 

        { 

                   //.. 

            services.AddServerSideBlazor().AddHubOptions(o => 

            { 

                o.MaximumReceiveMessageSize = 1024 * 1024; // 1MB               

            }); 

        } 

Please find the modified response below. 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample_be689619_(2)1879468982 

 

Regards, 

Pooja K 

[T]

The posted sample still displays only a spinner for me.

[Logeswari Gopalakrishnan]

Hi Tipal, 

After the increase message size in configuration, we are not getting spinner issue and hang issue. Can you please provide details of console log if any error throws? It will more helpful to resolve your query asap. 

 

Regards, 

Logeswari G 

[T]

Hi, it's not time critical, I'll revisit it after Volume 2 is released.

Visual Studio output window contents is attached.

Browser console:

[2020-06-15T11:07:51.949Z] Information: Normalizing '_blazor' to 'https://localhost:5001/_blazor'.
blazor.server.js:1

[2020-06-15T11:07:52.006Z] Information: WebSocket connected to wss://localhost:5001/_blazor?id=kVs61lhlU3HT-UZr8Qh8dg.
syncfusion-blazor.min.js:1

Uncaught (in promise) TypeError: Cannot read property 'parentNode' of null
    at Object.e.remove (syncfusion-blazor.min.js:1)
    at t.renderGantt (gantt-efc2c3.min.js:1)
    at gantt-efc2c3.min.js:1

Attachment: visualstudiooutput_88b59dbb.rar

[Logeswari Gopalakrishnan]

Hi Tipal, 

 

We are also able to reproduce the issue when date format of the machine set other than English US. Please confirm whether you getting this issue in this case. This is due to miss match of Project Start/End date values with DateFormat value. We can fix this issue by work -around solution by setting DateFormat as Project Start/End date format. Please find the below code snippet. 

 

<SfGantt DataSource="@TaskCollection" Height="450px" Width="100%"  

DateFormat="MM/dd/yyyy" 

                         ProjectStartDate="03/25/2019" ProjectEndDate="07/28/2019"> 

                    …….///// 

                </SfGantt> 

 

Please find the below sample link. 

 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample_be6896192131313852 

 

Please let us know, if you need further details on this. 

 

Regards, 

Logeswari G