[disabled]="true" not working with angular v15.

[ProfessionProgrammer]

What is the current behavior?
[disabled]="true" not working with angular v15. Before upgrading to 15, I was using angular 14, where it was working as excpected. only changes i have done is upgrade angular to v15.

Please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox.io or similar.

What is the expected behavior?

Which versions of TinyMCE/TinyMCE-Angular, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or TinyMCE-Angular?

[exalate-issue-sync]

Ref: INT-3171

[SherifMoShalaby]

+1
Am having the same issue

[emekaelo]

There was an issue in angular v15 regarding disable not working in template. This link may help angular/angular#48350 (comment)

[timrasche]

This doesnt work in angular 16 also...

[dezsiszabi]

I was able to fix this by adding a <form> tag around the <editor></editor> and setting the name attribute on the editor. For example:

<form>
  <editor name="editor"
          [(ngModel)]="model.value"
          [init]="editorOptions"
          [disabled]="true">
  </editor>
</form>

This works for me.

[MircoEnnova]

For me it was not possible to add a <form> tag. A temporary solution is using editable_root property.

<editor [init] = "{
    ...
    editable_root: false,
    ...
}"
</editor>

This works only on init and cannot be changed though. But for my needs it's good enough..