From be683e3d4bb3655cb2c8afca50823786e9e35cc1 Mon Sep 17 00:00:00 2001
From: Felix Rieseberg <felix@felixrieseberg.com>
Date: Sun, 3 Aug 2014 00:27:42 -0700
Subject: [PATCH] Autofocus on input fields after routing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

closes #3538, closes #3541
- The “autofocus” property isn’t considered by browsers if the element
is created after the page has been loaded. The Ember cookbook
recommends extending the input type with a manually triggered
autofocus, which I included here.
- This introduces the new helper “gh-focus-input”, an input field
gaining focus even when routing occurs.
---
 core/client/templates/forgotten.hbs | 3 ++-
 core/client/templates/signin.hbs    | 3 ++-
 core/client/templates/signup.hbs    | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/core/client/templates/forgotten.hbs b/core/client/templates/forgotten.hbs
index bb0fbad5ad..44bd958310 100644
--- a/core/client/templates/forgotten.hbs
+++ b/core/client/templates/forgotten.hbs
@@ -1,7 +1,8 @@
 <section class="forgotten-box js-forgotten-box fade-in">
     <form id="forgotten" class="forgotten-form" method="post" novalidate="novalidate">
         <div class="email-wrap">
-            {{input value=email class="email" type="email" placeholder="Email Address" name="email" autofocus="autofocus" autocapitalize="off" autocorrect="off"}}
+            {{gh-trim-focus-input value=email class="email" type="email" placeholder="Email Address" name="email" 
+            autofocus="autofocus" autocapitalize="off" autocorrect="off"}}
         </div>
         <button class="button-save" type="submit" {{action "submit"}} {{bind-attr disabled=submitting}}>Send new password</button>
     </form>
diff --git a/core/client/templates/signin.hbs b/core/client/templates/signin.hbs
index caa4f6552f..e27fdd767b 100644
--- a/core/client/templates/signin.hbs
+++ b/core/client/templates/signin.hbs
@@ -1,7 +1,8 @@
 <section class="login-box js-login-box fade-in">
     <form id="login" class="login-form" method="post" novalidate="novalidate" {{action 'validateAndAuthenticate' on='submit'}}>
         <div class="email-wrap">
-            {{input class="email" type="email" placeholder="Email Address" name="identification" autofocus="autofocus" autocapitalize="off" autocorrect="off" value=identification}}
+            {{gh-trim-focus-input class="email" type="email" placeholder="Email Address" name="identification" autofocus="autofocus" 
+            autocapitalize="off" autocorrect="off" value=identification}}
         </div>
         <div class="password-wrap">
             {{input class="password" type="password" placeholder="Password" name="password" value=password}}
diff --git a/core/client/templates/signup.hbs b/core/client/templates/signup.hbs
index a51f957252..c299e19ddf 100644
--- a/core/client/templates/signup.hbs
+++ b/core/client/templates/signup.hbs
@@ -17,7 +17,7 @@
             </div>
             <div class="form-group">
                 <label for="name">Full Name</label>
-                {{input type="text" name="name" autofocus="autofocus" autocorrect="off" value=name }}
+                {{gh-trim-focus-input type="text" name="name" autofocus="autofocus" autocorrect="off" value=name }}
                 <p>The name that you will sign your posts with</p>
             </div>
             <div class="form-group">