No iOS8 Safari, as entradas somente leitura são tratadas incorretamente
No Safari, iOS8, o foco em uma entrada de data ou hora abre o seletor de data ou hora e permite editar o conteúdo da entrada somente leitura.
Ao focar em uma entrada de texto, uma barra de ferramentas aparece na parte inferior com os botões anterior, próximo e Concluído, e não desaparece até que Toque em Concluído ou outra entrada na página.
Quando a entrada é focada programaticamente a partir do Javascript, nada está acontecendo, mas: se um ouvinte de evento touchstart for adicionado a alguma parte da página, tocar em qualquer lugar exibirá a data, o selecionador de hora ou a barra de ferramentas, mesmo se o ouvinte estiver vazio .
Código de amostra:
<input id="test1" readonly />
<input id="test2" type="date" readonly />
<input id="test3" type="time" readonly />
<script>
document.getElementById('test1').focus();
window.addEventListener('touchstart', function () {});
</script>
Exemplo ao vivo:http://jsfiddle.net/cw3hump4/embedded/result/
Alguma idéia ou solução alternativa sobre como evitar isso?
ATUALIZAR:
Por razões de usabilidade / acessibilidade, preciso de gerenciamento de foco: tocar na entrada abre uma caixa de diálogo; quando a caixa de diálogo é fechada, coloco o foco de volta na entrada. A entrada deve ser somente leitura, para evitar que o teclado virtual / seletor de data / seletor de hora apareça, mas não pode ser desativado, para que eu possa definir um valor e me concentrar nele.