Navegador nativo Android duplicando a tela HTML5 (bem no chrome)
Este é um problema estranho que estou experimentando apenas em um navegador nativo no Samsung Galaxy Tab 2 e Galaxy S2 no navegador nativo.
Isso também foi testado em outros telefones e tablets Android, como o Nexus 7 e o Galaxy S4, mas seu navegador nativo é chrome, então parece bem. Esse problema também não está presente em navegadores IOS, navegadores da área de trabalho do Windows ou navegadores da área de trabalho do Mac.
É quase como se a página da Web fosse carregada duas vezes em cima de si mesma!
Como há um elemento de tela duplicado, isso é atualizado como a tela principal.
Aqui parece que, embora isso só aconteça quando girado no modo paisagem, mas acredito que no modo retrato, a tela está perfeitamente alinhada no topo.
O que é ainda mais estranho, o botão de menu que você vê é um botão de alternância, toque para abrir o menu, toque para fechar o menu. Neste dispositivo, quando você toca nele, ele abre e fecha instantaneamente. o mesmo acontece com o botão mudo.
Eu estou completamente perdida.
Eu fiz alguma depuração javascript jogando em alguns alertas aqui e ali, e as funções de inicialização que criam referências para a tela e assim por diante são chamadas apenas uma vez.
Eu li e ouvi falar sobre aceleração de hardware causando problemas, mas as soluções que eu encontrei são apenas relativas à criação de aplicativos nativos! páginas da web HTML5 Canvas.
Qualquer insight sobre isso poderia ser ótimo! Desde já, obrigado.
--EDITAR
Eu também coloquei neste testealert(document.getElementsByTagName('canvas').length);
para ver se havia 2 canvas no DOM mas retorna 1!