Estou criando um aplicativo com o Phonegap e tenho um cabeçalho que eu consertei na parte superior da janela de exibição.

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  background-color: red;
  z-index: 100;
}

Isso funciona como eu quero, exceto quando toco em um campo de entrada e o teclado desliza para cima. Então o posicionamento é totalmente descartado. O cabeçalho é deslizado mais alto para fora da vista visível. Ele retorna ao seu lugar depois de fechar o teclado novamente.

Eu li que alguns navegadores móveis não se preocupam com posicionamento fixo e absoluto para garantir que uma tela possivelmente pequena não seja coberta por um elemento fixo. Isso é verdade?

Existe uma maneira de contornar isso?

Eu tentei definir o cabeçalho para absoluto quando uma entrada é focada. Eu li sobre isso aqui,http://dansajin.com/2012/12/07/fix-position-fixed/. No entanto, não parece estar funcionando para mim.