Crash related to focus when only calendar editor is opened

[ghulamghousdev]

Forum post

Hi,

In our Angular project we need to create a screen with only the calendar editor. We can display it on the screen but when we tap on it, an error is generated.

Would I need to configure any properties?

Thanks

core.mjs:7635 ERROR NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
    at _CalendarEditor.toFront (gantt.module.js:43597:14)
    at _CalendarEditor.toFront (gantt.module.js:52647:13)
    at _CalendarEditor.onFocusIn (gantt.module.js:45228:10)
    at _CalendarEditor.onFocusIn (gantt.module.js:52625:11)
    at focusin (gantt.module.js:11622:69)
    at HTMLBodyElement.handler (gantt.module.js:8478:72)
    at _ZoneDelegate.invokeTask (zone.js:406:31)
    at Object.onInvokeTask (core.mjs:26218:33)
    at _ZoneDelegate.invokeTask (zone.js:405:60)
    at Zone.runTask (zone.js:178:47)

  <bryntum-calendar-editor
    #bryntumCalendar
    [closable]="calendarProps.closable!"
    [maximized]="calendarProps.maximized!"
    [draggable]="calendarProps.draggable!"
</bryntum-calendar-editor>

export class CalendarsComponent implements OnInit,{
  @ViewChild('bryntumCalendar', { static : false }) calendarComponent!: BryntumCalendarEditorComponent;
 
  calendarProps: BryntumCalendarEditorProps;
 
  constructor() { }

  ngOnInit() {
    this.calendarProps = {
      closable: false,
      draggable: false,
      maximized: true,
    } as BryntumCalendarEditorProps;
  }

}

angular-calendar-editor.zip