[Bug]: Zoneless application active menu buttons

[SebastianPfliegel]

What happened?

When going zoneless in a Angular v20 application the state of the menu buttons is not correct. What I mean is when the cursor is inbetween a bold passage, the appropriate button on the menu is not highlighted. As soon as I install zone.js and use provideZoneChangeDetection() it starts working again (even though still using a signal).

<ngx-editor-menu [editor]="editor" [toolbar]="toolbar"></ngx-editor-menu>
<ngx-editor [editor]="editor" [ngModel]="html()" (ngModelChange)="onChange($event)"></ngx-editor>

html = signal('<h1>Hello world!</h1>');
editor: Editor = new Editor();
toolbar: Toolbar = [
  ['bold', 'italic'],
  ['underline', 'strike'],
  ['code', 'blockquote'],
  ['ordered_list', 'bullet_list'],
  [{ heading: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] }],
  ['link', 'image'],
  ['text_color', 'background_color'],
  ['align_left', 'align_center', 'align_right', 'align_justify'],
];

onChange(doc: any) {
  this.html.set(doc);
}

Version

19.0.0-beta.1

Angular Version

20

What browsers are you seeing the problem on?

Chrome

Link to reproduce

No response

Relevant log output

Willing to submit a PR?

None