Delay Rendering of All Controls [ High Priority ]

[Nagendra Gupta]

Dear Sir

First of all, I have a request to your team that whatever they publish, they should first test it properly themselves.

And secondly don't consider the community user as useless. If he is not paying you then he is at least testing your products which you should do.

The overall rendering performance of my applications has deteriorated since I updated them from 20.2.39 to 20.4.38

I have tried to find the problem as much as possible.

There is some study which may be of use to you.

Image 1

In Image 1 . form-base.js

The one on the left in this Image the control version is 20.2.39 . In which you comment the setTimeout for some reason because you have already called markForCheck().

// Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler

// setTimeout(() => {

/* istanbul ignore else */

if (typeof window !== 'undefined') {

tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);

var ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;

ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));

ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));

}

this.isFormInit = false;

// });

The one on the right in this Image the control version is 20.4.38 . In which you un-comment the setTimeout. After this syncfusion control render very slowly. you can see from open eye.

Image 2

The one on the left in this Image the control version is 20.2.39 . In which ejs-dropdown file name are different ejs-drodowns.es2015.js

and right version is 20.4.38 and file name is ejs-dropdowns.es5.

Now I want to ask you what is all this.

Please tell me what should I do. so that my application runs as before

I am sending a video so that you will know.

Thanks

Nagendra Gupta

[Nagendra Gupta]

Reference Videos Attached 

Please find the attachment

Attachment: SyncfusionBugCmb_198a514d.zip

[Nagendra Gupta]

Dear Team

I have also attached package.json and tsconfig.json

Attachment: ProjectsFiles_fee4579.zip

[Balaji Elumalai]

Hi Nagendra Gupta,

We apologize for the inconvenience you have experienced caused by setTimeout in version 20.4.38 by slow rendering of Syncfusion components. This is a known issue at our end. We have added this delay to resolve the issue of child templates not being rendered in karma unit tests. We have logged this as a bug at our end and we have fixed the issue it will be available in our upcoming patch release. You can track the status of this issue in the feedback link below.

 

Link: https://www.syncfusion.com/feedback/39898/need-to-resolve-angular-ngafterviewinit-issue

 

We made improvements on tree-shaking in our Syncfusion angular packages to reduce the bundle size in the application and it leads to made changes in file names. we apologize that this change may have caused confusion with the issue you have faced. 

Please get back to us if you need any further assistance.

Regards,

Balaji E

[Theveshwar Jayakumar]

Hi Nagendra,

Initially, this issue has occurred in the following version starting from (v20.3.47) which was caused by setTimeout function that slows down the rendering of Syncfusion components. We have added this delay to resolve the issue of child templates not being rendered in karma unit tests. And we have fixed this issue in our latest patch release version (i.e. v20.4.40). So, to resolve this issue please update our Syncfusion components to the latest version.

Please refer the below release notes:

Link: https://helpej2.syncfusion.com/angular/documentation/release-notes/20.4.40/?type=all

Please get back to us if you have any concerns

Regards,

Theveshwar