fix(dialog): focus dialog on open #3199

IgniteUI · Dec 3, 2018 · b01b7b2 · b01b7b2
1 parent 5e1b432
commit b01b7b2
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/projects/igniteui-angular/src/lib/dialog/dialog.component.ts b/projects/igniteui-angular/src/lib/dialog/dialog.component.ts
@@ -372,13 +372,18 @@ export class IgxDialogComponent implements IToggleView, OnInit, OnDestroy, After
     }
 
     ngAfterContentInit() {
+        this.onOpen.pipe(takeUntil(this.destroy$)).subscribe(() => this.focusDialog());
         this.toggleRef.onClosing.pipe(takeUntil(this.destroy$)).subscribe(() => this.emitCloseFromDialog());
     }
 
     private emitCloseFromDialog() {
         this.onClose.emit({ dialog: this, event: null });
     }
 
+    private focusDialog() {
+        this.toggleRef.element.focus();
+    }
+
     /**
      * A method that opens the dialog.
      * @memberOf {@link IgxDialogComponent}