Estou desenvolvendo uma aplicação híbrida para mobile, utilizando HTML5 e JS. Estou com o seguinte problema: quando clico, por exemplo, em Apelido, ele abre a parte de Sexo. Porém, é um comportamento muito esquisito, ele somente acontece quando é a primeira vez que o campo é aberto, caso o campo já esteja com foco, ele procede corretamente. Outra situação que ocorreu: quando eu mudo o foco para outro campo, funciona perfeitamente.
Segue abaixo a imagem do problema. Ocorreu um click no apelido, e o que ele abriu foi a data de aniversário.
Fiz um simulação no jsFiddle porem la funciona perfeitamente.
https://jsfiddle.net/h12uro5b/
Esta é a função que faço para gerenciar os clicks, utilizo isto para o campo que esta com foco, e o mesmo fica sempre no topo da pagina.
var inputs = $('input').get();
$(inputs).on('focus', function () {
var pos = $(this).offset(),
posFinal = pos.top - 55;
$(this).closest('.upage').scrollTop(posFinal);
});