Merge pull request #4550 from felixrieseberg/iss4446

gh-trim-focus-input autofocus fix for iOS Safari

core/client/components/gh-trim-focus-input.js

@@ -1,8 +1,17 @@
+/*global device*/
 var TrimFocusInput = Ember.TextField.extend({
     focus: true,
 
+    attributeBindings: ['autofocus'],
+
+    autofocus: Ember.computed(function () {
+        return (device.ios()) ? false : 'autofocus';
+    }),
+
     setFocus: function () {
-        if (this.focus) {
+        // This fix is required until Mobile Safari has reliable
+        // autofocus, select() or focus() support
+        if (this.focus && !device.ios()) {
             this.$().val(this.$().val()).focus();
         }
     }.on('didInsertElement'),

core/client/templates/signin.hbs

@@ -2,7 +2,7 @@
     <form id="login" class="login-form" method="post" novalidate="novalidate" {{action 'validateAndAuthenticate' on='submit'}}>
         <div class="email-wrap">
             <span class="input-icon icon-mail">
-                {{gh-trim-focus-input class="email" type="email" placeholder="Email Address" name="identification" autofocus="autofocus" 
+                {{gh-trim-focus-input class="email" type="email" placeholder="Email Address" name="identification" 
                 autocapitalize="off" autocorrect="off" value=identification}}
             </span>
         </div>