Aqui está o dilema, eu tenho uma página da Web (apenas para dispositivos Android) e nessa página eu tenho uma caixa de entrada (uma caixa de texto especificamente) e, quando o foco é focado, o navegador aumenta o zoom. Não quero que ele aumente o zoom - parece fácil, certo?

Aqui é onde fica divertido: eu tenho que poder fazer zoom em geral, então não diga

<meta name='viewport' content='user-scalable=0'>

Isso não funciona para mim.

Além disso, a caixa de entrada não recebe eventos de clique. Aparece quando se clica em outro botão e obtém o foco programaticament

Aqui está o que eu tentei e eles falharam até agora:

jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" />');
jQuery("#locationLock input").focus();
jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" />');

Isso também falhou:

<input type='text' onfocus="return false">

E isto

jQuery("#locationLock input").focus(function(e){e.preventDefault();});

Alguma ideia