[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[bot]]

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 https://github.com/angular/angular/issues/48350#issuecomment-1400971435

[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..

[tiny-stale-bot]

This issue is stale because it has been open 30 days with no activity. Please comment if you wish to keep this issue open or it will be closed in 7 days.

[tiny-stale-bot]

This issue was closed because it has been stalled for 7 days with no activity.