Problemas de dispositivos IOS com entrada de formulário HTML (tipo = texto)
Então, eu tenho um formulário de login HTML com dois campos: E-mail e Senha. Eles podem ser preenchidos facilmente no navegador de qualquer dispositivo que não seja o IOS (iPhone, iPad). Nos campos IOS, dificilmente podemos estar em foco e, uma vez em foco, o teclado aparece, começo a digitar, mas nada está sendo preenchido. Eu tentei no Chrome e no safari e ainda recebo o mesmo resultado. O campo permanece preto. Abaixo está como meu formulário é formatado:
<form method="post" name="login" action="login">
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="email"></label>
<input type="text" name="email" placeholder="Enter your email address" class="formInput"/>
</div>
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="password"></label>
<input type="password" name="password" class="formInput"/>
</div>
<button class="blue centeredContent">Login</button>
</form>
Tentei adicionar um atributo de foco automático, predefinir um valor e ainda o mesmo.