Cannot read property 'getSelection' of undefined

hi, I got a problem with use it. BTW, I was use custom route strategy that implements RouteReuseStrategy. My router will store the old toute, then reuse it if necessary.

[kzimny]

I suppose that the problem is due to the visibility of editor in your tabs. You can add click event to the <mat-tab (click)=“MyClick($event)”> elements and in your code hide or show the editor if needed. Add the visibility *ngIf to the html code:

<mat-tab-group>
     <mat-tab label="Tab1">
          <mat-tab-group>
              <mat-tab label="child tab 1" id="tab1" (click)="MyClick($event)">
                   <app-text-editor *ngIf="showEditor"></app-text-editor>
              </mat-tab>
              <mat-tab label="child tab 2" id="tab2" (click)="MyClick($event)">
                   {{tab content here}}
              </mat-tab>
        </mat-tab-group>
     <mat-tab label="Tab2">
      //basically same format as tab1
     </mat-tab>
     <mat-tab label="Notes"  id="tab3" (click)="MyClick($event)">
        {{tab content here}}
     </mat-tab>
</mat-tab-group>

and in component.ts add the event:

showEditor: boolean;

public MyClick($event: any): void {
switch($event.target.id) { 
   case "tab1": { 
      this.showEditor = true;
      break; 
   } 
   case "tab2":
   case "tab3":
 { 
      this.showEditor = false;
      break; 
   } 
}
}

Ia addition you can dispose and initialize the ckeditor in switch(…) if this is needed.

[Marshal27]

@kzimny no worries at all. Thank you again for your help on this!