Procurei em todos os lugares e tentei quase tudo, mas não consigo me livrar dessa barra preta aleatória que aparece na parte inferior do meu aplicativo PhoneGap. É isso que vejo quando executo o aplicativo:

A parte interessante é que, se eu minimizar o aplicativo e abri-lo novamente, ele corrigirá automaticamente a exibição e a barra inferior desaparecerá. Mas por que?! Como faço para não mostrar essa barra a partir do momento em que o aplicativo é aberto?

Além disso, isso não acontece no Chrome no meu computador desktop. Isso só acontece depois que o aplicativo é compilado em build.phonegap.com.

O QUE TENTEI:

Essa questão parece descrever exatamente o meu problema, mas tentei tudo o que foi discutido lá, mas sem sorte. Menciona que se você tiver:

<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, height=device-height, width=device-width"/>

Que você deve tentar:

Removendo a metatag da viewport completamente (não funcionou)Apenas removendo a parte "altura". I.e. height = altura do dispositivo (não funcionou)

Mais conselhos parecem dizer: "Sim, é um problema de jquery mobile. O estilo é definido sempre que o tamanho da janela de visualização muda".

Para isso, tentei definir CSS:

 .ui-page-active {
     height: 100% !important;
     min-height: 100% !important;
 }

Não funcionou...

Então pensei: talvez, se eu puder "enganar" o aplicativo para redimensionar a janela, isso funcione. Então, eu tentei adicionar isso:

$(window).trigger("resize");

Não funcionou.

Então eu pensei que tudo bem, talvez seja algo mais no meu código. Então, reduzi o arquivo inteiro para um arquivo MUITO barebones com APENAS uma div de índice. E ainda aconteceu.

Eu também tentei mexer com o config.xml. Eu editei isso:

<preference name="fullscreen"                 value="true" />

E alterou para:

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

Isso não fez diferença.

Também garanti que tenho as versões mais recentes de tudo (e tenho). Eu tenho:

jQuery Mobile versão 1.4.5jQuery v1.11.2

Eu também encontreiesta postagem descrevendo a mesma coisa. Mas também não há solução. (Até ofereceu uma recompensa lá com a esperança de chamar alguma atenção)

Então, eu estou realmente sem opções aqui. Qualquer pessoa que possa me dar alguma pista sobre qual configuração estou perdendo ou o que estou fazendo de errado que está causando essa barra irritante aparecer na parte inferior do meu aplicativo seria o meu herói. Algum conselho?