ExpressionChangedAfterItHasBeenCheckedError when using toolbarSettings

Question

in the simplified version: my html has:

<ejs-richtexteditor id='iframeRTE' [toolbarSettings]='tools' [fontFamily]='fontFamily' ..


and ts file has this  right under the export class line:
 public tools: object = {
    type: 'Expand',
    items: ['Undo', 'Re....', 'SourceCode']
};

The error is:
ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after
it was checked. Previous value: '[object Object]'. Current value: 'undefined'.

When I remove the [toolbarSettings]='tools' parameter all works fine. The code is static so I think I am being
lead to think this is the issue but would bet its something else.

Vinitha Jeyakumar · Answer

Hi Rich Torcasio,We have validated your query and created a sample based on the information you shared to replicate the issue, but unfortunately, we can’t replicate your reported problem on our end. Please see the following sample for your reference.Sample : https://stackblitz.com/edit/angular-xvy2tx-me8qnp?file=src%2Fapp.component.html,src%2Fapp.component.ts Can you please share the following details to replicate your problem on our end?If possible, please modify the shared sample with the issue-replicating code.Can you please share your exact code in your application, or can you please share the issue-replicating sample?If possible, please share a video demonstrating the issue.Regards,Vinitha

Rich Torcasio · Answer

Hi Vinitha,It looks like my issue was no adding the #iframeRTE tag.Thanks for all your help!

Vinitha Jeyakumar · Answer

Hi Rich Torcasio,You are welcome.