Merge pull request #59 from ronichoudhury-work/login-autofocus

Auto-focus username field when login dialog appears
Kitware · Mar 10, 2017 · 296af47 · 296af47
2 parents 63233fe + 0ba3a1b
commit 296af47
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/web_external/index.js b/web_external/index.js
@@ -91,6 +91,7 @@ observeStore(next => {
 
     case appMode.loginDialog:
       switchOverlay('login-dialog');
+      loginDialog.focusUsername();
       break;
 
     case appMode.startScreen:

diff --git a/web_external/view/overlay/LoginDialog/index.js b/web_external/view/overlay/LoginDialog/index.js
@@ -35,6 +35,12 @@ class LoginDialog {
     this.el.select('#passwordfield').on('keydown', enter);
   }
 
+  focusUsername () {
+    this.el.select('#loginfield')
+      .node()
+      .focus();
+  }
+
   submit () {
     const username = this.el.select('#loginfield').property('value');
     const password = this.el.select('#passwordfield').property('value');