
На смартфонах инпуты работают не корректно.
Нажимаю на инпут, текст пишется куда надо, указатель текста отображается далеко внизу, при попытке выделить другой инпут ничего не выходит, пока не нажму где-то еще ниже.
<div id="signup" style="display: none;">
<section id="wrapper" class="wrapper">
<div id="one">
<form name="register_form">
<label for="fName">Имя</label>
<p class="fName"><input type="text" id="fName" autocomplete="off" /><span></span></p>
<label for="email">Почта</label>
<p class="email"><input type="email" id="email" autocomplete="off" /><span></span></p>
<label for="password">Пароль</label>
<p class="password"><input type="password" autocomplete="off" id="password" /><span></span></p>
<label for="confirmpwd">Пароль</label>
<p class="confirmpwd"><input type="password" autocomplete="off" id="confirmpwd"/><span></span></p>
<p class="submit"><input id="registrationsumbit" type="submit" value="Регистрация" /></p>
</form>
</div>
<div id="two">
<form name="login_form">
<label for="emailIn">Почта</label>
<p class="belogin"><input type="email" id="emailIn" autocomplete="off" /><span></span></p>
<label for="passwordIn">Пароль</label>
<p class="bplogin"><input autocomplete="off" type="password" id="passwordIn" /><span></span></p>
<p class="submit"><input autocomplete="off" id="loginsumbit" type="submit" value="Вход" /></p>
<?php
if (isset($_GET['error'])) {
echo '<p class="error">Error Logging In!</p>';
}
?>
</form>
</div>
<div id="button">Вход ></div>
</section>
</div>
со второй формой все впорядке, с первой вот такие проблемы.
Как позже выяснил, это общий баг для всех устройств по iOS:
https://bugs.webkit.org/show_bug.cgi?id=176896
Кто сталкивался с такой проблемой и как вы ее решали?
Судя по отзывам на странице с багом проблема актуальна для iOS 11, 11.1, 11.2, 11.3 и пока еще не решена разработчиками Apple (причем некоторые фиксы не работают в версиях 11.2 и 11.3).