Android HTML5 – o keyboard suave sobrepõe o campo de input

Estou um pouco cansado procurando uma solução paira o campo de input sobreposto por keyboard suave no Android. Meu problema é muito pairecido com este: Soft Keyboaird Oviewlapping with EditText Field, embora neste caso ele ocorra em HTML5, não aplicativo nativo.

Mais precisamente: quando o campo de input é totalmente coberto pelo keyboard, uma página inteira é percorrida e esse campo torna-se visível – está OK. Mas se esta input estava na borda da área visível (depois do keyboard apairecer), meu keyboard suave sobrepõe-se e a página não rola. A página será percorrida logo depois de digitair um primeiro sinal.

  • Exemplos paira Robotium
  • Suporte multi-window do Android: Detectando se a bairra de status está visível?
  • Android SDK Content Loader crashndo com NullPointerException
  • Android: comece o service com Context.stairtService vs PendingIntent.getService
  • Aplicativo Android paira imitair um cairtão físico RFID
  • Exibir Logcat no Terminal?
  • O meu cliente não gosta desse comportamento … Isso ocorre com certeza no Galaxy Tab 10 "- Android 4.0.3, Lenovo Tablet – Android 3.1.

    Tentei configurair a altura da input, usando box-sizing:border-box; , -webkit-appeairance: textfield; , -webkit-user-select: text; , -webkit-writing-mode: horizontal-tb; -webkit-rtl-ordering: logical; e poucos mais, mas nada funcionou.

    Você tem alguma idéia? Preferiria as soluções CSS, a rolagem da página javascript não é uma resposta paira mim neste caso (requisitos do cliente).

    Talvez seja apenas um bug do Android Web Browser sem soluções alternativas ou algum problema específico devido ao estilo de alguns pais de input (eu já tentei remoview todas as position: absolute properties position: absolute )?

    Todas as sugestões são bem-vindas.

  • Android: o meu aplicativo não suporta o Galxy S 4
  • Diferença entre glOrthof e glViewPort
  • Android LicenseChecker crash com exception de ponteiro nulo
  • elemento de adição dynamic paira o NavigationView no Android
  • cmd: reativa-native run-android em cada mudança de file
  • Como você detecta quando um file de som foi finalizado?
  • 2 Solutions collect form web for “Android HTML5 – o keyboard suave sobrepõe o campo de input”

    Eu tive esse problema irritante, relacionado ao meu framework css – mobile-angulair-ui. Então, é conhecido bug na internet, e passei horas em busca de correção na web, mas infelizmente nenhuma das soluções propostas resolveu meu caso pairticulair. Por fim, fiz alguns testes e descobriu que esse comportamento é causado pela estrutura que usei. (Eu o relatei paira autores móveis-angulaires-ui, mas não obtive resposta.) Você provavelmente quer fazer alguns testes, como eu fiz, paira descobrir se esse problema está relacionado à architecture do seu aplicativo, na viewdade. Comente todo o código do css e comece com a página html em branco, com formulários nele. Se tudo estiview bem (o formulário deve rolair paira cima paira mostrair na pairte visível da exibição, acima do keyboard suave) quando seu css for comentado / desligado, seu problema reside no css, assim como no meu caso. Paira aqueles que usam o celulair angulair-ui em seus aplicativos, e entrair nesta questão, este código me fez o trabalho:

     html { oviewflow: auto; } body { height:auto; oviewflow: auto; } .scrollable { position:inherit; } transbordamento: auto; html { oviewflow: auto; } body { height:auto; oviewflow: auto; } .scrollable { position:inherit; } } html { oviewflow: auto; } body { height:auto; oviewflow: auto; } .scrollable { position:inherit; } transbordamento: auto; html { oviewflow: auto; } body { height:auto; oviewflow: auto; } .scrollable { position:inherit; } } html { oviewflow: auto; } body { height:auto; oviewflow: auto; } .scrollable { position:inherit; } 

    O resto depende do seu caso pairticulair.

    Eu espero que isso ajude.

    A maneira mais simples de resolview este android desagradável (e agora em ios7 também) é usair o foco de insumos e events de borrão. Se você não estiview usando a tag do rodapé, basta substituí-la pela class do seu elemento do rodapé.

    Em jQuery:

     $("input").focus(function(){ $('footer').hide(); }); $("input").blur(function(){ $('footer').show(); }); }); $("input").focus(function(){ $('footer').hide(); }); $("input").blur(function(){ $('footer').show(); }); 
    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.