focus first input element in dialogs

pdb-js/src/app/dashboard-page/dashboard/add-plot-dialog/add-plot-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ElementRef, ViewChild } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
@@ -8,7 +8,6 @@ import { MatDialogRef } from '@angular/material/dialog';
 })
 export class AddPlotDialogComponent {
 
-
   constructor(public dialogRef: MatDialogRef<string>){
   }
 

pdb-js/src/app/dashboard-page/dashboard/add-text-dialog/add-text-dialog.component.html

@@ -2,7 +2,7 @@
 <div mat-dialog-content>
   <mat-form-field appearance="fill">
     <mat-label>Text</mat-label>
-    <textarea matInput [(ngModel)]="text"></textarea>
+    <textarea matInput [(ngModel)]="text" #textElement></textarea>
   </mat-form-field>
 </div>
 <div mat-dialog-actions align="end">

pdb-js/src/app/dashboard-page/dashboard/add-text-dialog/add-text-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
@@ -6,12 +6,18 @@ import { MatDialogRef } from '@angular/material/dialog';
   templateUrl: './add-text-dialog.component.html',
   styleUrls: ['./add-text-dialog.component.scss']
 })
-export class AddTextDialogComponent {
+export class AddTextDialogComponent implements OnInit {
   text = "";
 
+  @ViewChild('textElement') textElement!: ElementRef;
+
   constructor(public dialogRef: MatDialogRef<string>){
   }
 
+  ngOnInit(): void {
+      window.setTimeout(() => this.textElement.nativeElement.focus(), 0);
+  }
+
   onSaveClick(): void {
     this.dialogRef.close(this.text);
   }