Почему курсор ниже поля ввода на мобильных устройствах?
Привет
Помогите исправить — на телефоне курсор аякс формы отображается ниже поля ввода (Браузер Safari):
На мобильной версии сайта с компьютера — отображение корректное. CSS Bootstrap. Ниже код формы:
Помогите исправить — на телефоне курсор аякс формы отображается ниже поля ввода (Браузер Safari):
На мобильной версии сайта с компьютера — отображение корректное. CSS Bootstrap. Ниже код формы:
<div class="ajaxlogin-form">
<form action="/" method="post" class="form-horizontal" role="form">
<fieldset>
<div class="form-group">
<label for="ajaxlogin-username" class="col-sm-4 control-label">Email</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="ajaxlogin-username" name="username">
</div>
</div>
<div class="form-group">
<label for="ajaxlogin-password" class="col-sm-4 control-label">Пароль</label>
<div class="col-sm-8">
<input type="password" class="form-control" id="ajaxlogin-password" name="password">
</div>
</div>
<input type="hidden" name="service" value="login">
<div class="form-group">
<label class="col-sm-4 control-label"></label>
<div class="col-sm-8 col-sm-4">
<input type="submit" class="btn btn-danger ajaxlogin-action" name="Login" value="Войти">
</div>
</div>
</fieldset>
</form>
</div>
Комментарии: 4
iOS обнови, это проблема рендера Safari и сайт тут не причем. Исправили в 11.1.1, насколько я помню, в 11.1 баг все еще есть
Да все вроде обновлено, даже историю очистил, но проблема осталась. Однако на 5-ке жены ios 10.3 все работает как надо.
Спасибо, ждем исправления от эпл
Спасибо, ждем исправления от эпл
html, body {
-webkit-overflow-scrolling : touch !important;
}
Добавил в css первой строчкой, обновил кэш — но не помогает
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.