Rendering Slow

[Nagendra Gupta]

Dear Team,

Document Editor control rendering slow in angular 15 with your patch 20.4.40.

I found in your below code inside ngAfterViewInit settimeout function getting delay the rendering. Because I have comment the settimeout and after it is rendering fast. 

  ComponentBase.prototype.ngAfterViewInit = function (isTempRef) {

        // tslint:disable-next-line:no-any

        var tempAfterViewThis = isTempRef || this;

        var regExp = /ejs-tab|ejs-accordion/g;

        /* istanbul ignore next */

        if (regExp.test(tempAfterViewThis.ngEle.nativeElement.outerHTML)) {

            tempAfterViewThis.ngEle.nativeElement.style.visibility = 'hidden';

        }

        /**

         * Root level template properties are not getting rendered,

         * Due to ngonchanges not get triggered.

         * so that we have set template value for root level template properties,

         * for example: refer below syntax

         * ```html

         * <ejs-grid>

         * <e-column></e-column>

         * <ng-template #editSettingsTemplate></ng-template>

         * </ejs-grid>

         * ```

         */

        var templateProperties = Object.keys(tempAfterViewThis);

        templateProperties = templateProperties.filter(function (val) {

            return /Ref$/i.test(val);

        });

        for (var _i = 0, templateProperties_1 = templateProperties; _i < templateProperties_1.length; _i++) {

            var tempName = templateProperties_1[_i];

            var propName = tempName.replace('Ref', '');

            setValue(propName.replace('_', '.'), getValue(propName + 'Ref', tempAfterViewThis), tempAfterViewThis);

        }

        // Used setTimeout for template binding

        // Refer Link: https://github.com/angular/angular/issues/6005

        setTimeout(function () {

            /* istanbul ignore else  */

            if (typeof window !== 'undefined' && tempAfterViewThis.element || tempAfterViewThis.getModuleName().includes('btn')) {

                tempAfterViewThis.appendTo(tempAfterViewThis.element);

                tempAfterViewThis.ngEle.nativeElement.style.visibility = '';

            }

        });

    };

So, please give me solution as soon as possible

Regards

Nagendra Gupta

[Dhanush Sekar]

Hi Nagendra,

We understand that in Angular CLI, the template directive can take time to compile and return the value to the component view. To avoid this problem, the tempAfterViewThis.appendTo(tempAfterViewThis.element) method is wrapped inside the setTimeout function, which allows the templates enough time to render and update the component view. This is done because the setTimeout function creates a delay, giving the templates enough time to be compiled before the directive returns its value. This is the default behavior for our component architecture for template binding.

Reference: https://github.com/angular/angular/issues/6005#issuecomment-177231549

Regards,

Dhanush Sekar

[Nagendra Gupta]

Dear Dhanush Sekar

I understand your point for default behavior for our component architecture for template binding . But I am really suffering from this delay.

Please suggest me what can I do for this delay which I have shared in video ?.

Please find the attach video.

Attachment: delay_251f02e0.zip

[Theveshwar Jayakumar]

Hi Nagendra,

We understand that you are facing issue with our Syncfusion controls, but we need some additional time to validate on this reported scenario, so we will update further details on or before February 10, 2023.

Until then we appreciate your patience 

Regards,

Theveshwar

[Theveshwar Jayakumar]

Hi Nagendra ,

 

We deeply regret for the delay caused,
 

We have evaluated the reported issue and confirmed the scenario as a bug from our end. Also, we have planned to fix this issue in our upcoming patch release, which is scheduled to be rolled out in the middle of March . You can track the status of this issue in the below feedback link.

 

Feedback Link: Need to resolve document editor rendering delay in Angular | Feedback Portal (syncfusion.com)

 

Please get back to us if you have any concerns.

 

Regards,

Theveshwar

[Nagendra Gupta]

Dear Theveshwar Jayakumar,

March middle already passed but till now I have not got the solution from your side. I am very upset because of your not giving solution on time. You tell me what should we do so that we can get the solution.

Regards

Nagendra Gupta

[Nagendra Gupta]

Dear Theveshwar Jayakumar,

I am waiting for your reply with solution.

Regards

Nagendra Gupta

[Theveshwar Jayakumar]

Hi Nagendra,

 

We deeply regret for the inconvenience caused.

 

We could not include the fix for the issue "Rendering Slow" with our 2023 Volume 1 release due to high complexities. However, we have prioritized this fix, and planned to include in our second patch of 2023 Volume 1 release which is scheduled to be rolled out in the first week of April, we assure you the fix will be delivered without any further delay. You can tract the status in the below feedback link.

 

Feedback Link: Need to resolve document editor rendering delay in Angular | Feedback Portal (syncfusion.com)

 

Until we appreciate your patience

 

Regards,

Theveshwar

[Theveshwar Jayakumar]

Hi Nagendra,

 

Thanks for the patience,

 

We have resolved the issue "Rendering Slow" in our latest patch release version (v20.1.38). So, to resolve this issue kindly update our packages to the latest mentioned patch release version.

Please refer the release notes attached below.

Release Notes: https://ej2.syncfusion.com/angular/documentation/release-notes/21.1.38/?type=all#common

 

Please get back to us if you have any concerns.

 

Regards,

Theveshwar