En Safari, iOS8, enfocarse en una entrada de fecha u hora abre el selector de fecha u hora y permite editar el contenido de la entrada de solo lectura.

Cuando se enfoca en una entrada de texto, aparece una barra de herramientas en la parte inferior con los botones anterior, siguiente y Listo, y no desaparece hasta que se toca Listo, o se toca otra entrada en la página.

Cuando la entrada se enfoca programáticamente desde Javascript, no sucede nada, pero: si se agrega un detector de eventos de inicio táctil a alguna parte de la página, al tocar en cualquier lugar aparecerá la fecha, el selector de hora o la barra de herramientas, incluso si el receptor está vacío .

Código de muestra:

<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>

Ejemplo en vivo:http://jsfiddle.net/cw3hump4/embedded/result/

¿Alguna idea o solución sobre cómo evitar esto?

ACTUALIZAR:

Por razones de usabilidad / accesibilidad, necesito la gestión del enfoque: al tocar la entrada se abre un cuadro de diálogo, cuando el cuadro de diálogo se cierra, vuelvo a enfocar la entrada. La entrada debe ser de solo lectura, para evitar que aparezca el teclado virtual / selector de fecha / selector de hora, pero no se puede desactivar, por lo que puedo establecer un valor y centrarme en él.