From f250756254025e8ee0af7e85a22b5da1ea2b0388 Mon Sep 17 00:00:00 2001
From: Eugene Pankov <john.pankov@gmail.com>
Date: Mon, 29 Oct 2018 16:45:51 +0100
Subject: [PATCH] force autofocus in rename-tab modal (fixes #484)

---
 .../src/components/renameTabModal.component.pug          | 2 +-
 terminus-core/src/components/renameTabModal.component.ts | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/terminus-core/src/components/renameTabModal.component.pug b/terminus-core/src/components/renameTabModal.component.pug
index 901ceb22..e595e8bb 100644
--- a/terminus-core/src/components/renameTabModal.component.pug
+++ b/terminus-core/src/components/renameTabModal.component.pug
@@ -1,5 +1,5 @@
 .modal-body
-    input.form-control(type='text', [(ngModel)]='value', (keyup.enter)='save()', autofocus)
+    input.form-control(type='text', #input, [(ngModel)]='value', (keyup.enter)='save()', autofocus)
 
 .modal-footer
     button.btn.btn-outline-primary((click)='save()') Save
diff --git a/terminus-core/src/components/renameTabModal.component.ts b/terminus-core/src/components/renameTabModal.component.ts
index bbca5daa..a2110553 100644
--- a/terminus-core/src/components/renameTabModal.component.ts
+++ b/terminus-core/src/components/renameTabModal.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core'
+import { Component, Input, ElementRef } from '@angular/core'
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
 
 @Component({
@@ -7,11 +7,18 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
 })
 export class RenameTabModalComponent {
     @Input() value: string
+    @ViewChild('input') input: ElementRef
 
     constructor (
         private modalInstance: NgbActiveModal
     ) { }
 
+    ngOnInit () {
+        setTimeout(() => {
+            this.input.nativeElement.focus()
+        })
+    }
+
     save () {
         this.modalInstance.close(this.value)
     }
-- 
GitLab