Почему смещается активная область на ios?

Question

[Полина Пухова]

В форме входа на айфоне курсор сдвигается намного ниже чем само поле. При наборе текст появляется там где должен, но курсор прыгает снизу-вверх. Так же сдвинуты активные области для некоторых кнопок на верхней панели, то есть кнопка внешне на месте, а нажимать нужно ниже. Как это можно исправить?
Код формы:

<div class="box-modal popup" id="authorization">
                <div class="box-modal_close arcticmodal-close close-popup"></div>
                <h4>Авторизация</h4>
                <form action="/login/authenticate" method="POST" id="loginForm">
                    <input type="text" name="username" required="" value="" tabindex="1" autofocus="" placeholder="Логин">
                    <input type="password" name="password" required="" value="" tabindex="2" placeholder="Пароль">
                    <input type="submit" name="" class="full-button" required="" tabindex="3" value="Войти">
                </form>
            </div>

Код можно посмотреть на tellus.by

Comments

[Alexander Shalimov]

Я столкнулся с точно такой-же проблемой и никак не могу найти решение.
Если вдруг найдёте буду благодарен если напишите решение, с моей стороны анологично.
Из-за чего может быть сбит фокус курсора в полях ввода на iPhone6s?

[Alexander Shalimov]

Alexander Shalimov, Я также заметил что проблема встречается только на ios11.0
Сервис на котором можно увидеть ошибку (к сожалению в бесплатном режиме время работы 60сек, потом всё заново)
https://appetize.io/demo?device=iphone6s&scale=75&...

[Полина Пухова]

Alexander Shalimov, нашлось решение, кажется сработало)

[aliasst]

Полина Пухова, какое решение?

[Полина Пухова]

aliasst, тут чуть ниже ссылка отмечена решением)

Answer 1

[mirnaya]

Вот тут есть решение:
https://hackernoon.com/how-to-fix-the-ios-11-input...

Comments

[freekir]

Вы просто нагуглили эту ссылку или вы пользовались этим, расскажите именно о вашем опыте решения этой проблемы, если не сложно.

Искал тоже, отовсюду туда попадал и еще на вот эту страницу https://exceptionshub.com/ios-11-safari-bootstrap-...

Answer 2

[vasyaproject]

У меня была такая фигня, я решил ее так:

@media(max-width:767px) {
.modal-open {
     position: fixed!important;
}
}

Нашел я это решение здесь: dumajkak.ru/kak-nastroit-kursor-na-ios-11-na-onlaj...
Там еще 3 способа, как решить эту байду.