Ionic-framework: Foco de entrada em pop-up

Criado em 18 mar. 2014  ·  7Comentários  ·  Fonte: ionic-team/ionic-framework

Alguns pop-ups devem focalizar suas entradas primeiro. Devo testar isso para ter certeza de que funciona bem no iOS.

Comentários muito úteis

Tive que adicionar esta string de modelo ao meu prompt para ter o foco automático

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

Todos 7 comentários

Os pop-ups já concentram suas entradas primeiro. No entanto, há um bug com isso. O pop-up sempre focaliza o ÚLTIMO elemento de entrada. Deve realmente focar o primeiro.

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

PR chegando em alguns minutos.

Acho que funciona muito bem na web, mas não no iOS ... o código é executado, mas a entrada não foca nem o teclado abre.

@michaelnatkin : Em seu config.xml, certifique-se de ter esta configuração:

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

O iOS não permitirá que um campo obtenha o foco e o teclado seja aberto, a menos que seja definido como falso.

@calendee OMG obrigado !! Problema resolvido. Equipe Ionic, seria bom adicionar essa nota ao documento ionicPopup.

@calendee Funciona no iOS, mas não funciona em dispositivos Android. Ou há algo que esqueci?

@felquis , tive o mesmo problema. Depois de examinar este problema e o # 1176, acabei encontrando https://github.com/driftyco/ionic/commit/49a295638d6c60b7e17936cfb345665f6b1954d1 e consegui corrigir meu aplicativo usando um modelo com uma entrada autofocada:

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)
   };

Tive que adicionar esta string de modelo ao meu prompt para ter o foco automático

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

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

brandyscarney picture brandyscarney  ·  3Comentários

alexbainbridge picture alexbainbridge  ·  3Comentários

Nick-The-Uncharted picture Nick-The-Uncharted  ·  3Comentários

fdnhkj picture fdnhkj  ·  3Comentários

GeorgeAnanthSoosai picture GeorgeAnanthSoosai  ·  3Comentários