Focus input on popup

[mlynch]

Some popups should focus their inputs first. Should test this to make sure it works well on iOS though.

[calendee]

Popups already focus their inputs first. However, there is a bug with this. The popup always focuses the LAST input element. It should really focus the first.

Forum : http://forum.ionicframework.com/t/popup-with-multiple-text-input-fields-always-focuses-on-2nd-input/4956/2
Sample : http://codepen.io/calendee/pen/duvsl?editors=101

PR coming in a few minutes.

[michaelnatkin]

I find that this works great on web, but not on iOS... the code runs, but the input doesn't focus nor does the keyboard open up.

[calendee]

@michaelnatkin : In your config.xml, make sure you have this setting:

<preference name="KeyboardDisplayRequiresUserAction" value="false" />

iOS will not allow a field to get focus and keyboard open unless this is set to false.

[michaelnatkin]

@calendee OMG thank you!! Problem solved. Ionic team it would be nice to add that note to the ionicPopup doc.

[felquis]

@calendee It work on iOS but this doesn't work on Android devices. Or there's something that I forgot?

[josephfrazier]

@felquis, I had the same problem. After looking at this issue and #1176, I eventually found 49a2956, and I was able to fix my application by using a template with an autofocused input:

diff --git a/www/js/app.js b/www/js/app.js
index 8e7afcd..1131dfb 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -57,6 +57,7 @@ angular.module('todo', ['ionic'])
   $scope.newProject = function() {
     $ionicPopup.prompt({
       title: 'Project name',
+      template: '<input autofocus>'
     })
     .then(createProject)
   };

[a-legrand]

I had to add this template string to my prompt in order to have autofocus

template: '<input ng-model="data.response" type="text" placeholder="{{ placeHolder }}" autofocus>'