MaxGraph
@MaxGraph
Web-разработчик, верстальщик

Как убрать баг инпута на iPhone?

Здравствуйте. Возникла проблема с отображением курсора на инпуте. Почему-то при нажатии на инпут курсор уходит вниз, будто инпут прозрачный и увеличивает свою высоту.59df636b153f2763420505.png

Баг только на айфоне.
Забыл указать - баг именно в popup-окне, в обычной форме нет.
  • Вопрос задан
  • 2086 просмотров
Решения вопроса 2
@seroy
iOS 11 bug https://hackernoon.com/how-to-fix-the-i...
У себя решил тем что ставлю:
body {
   postion: fixed;
}

При открытии формы на iOS, а после убираю.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@vasyaproject
Это бок айфонов, решается просто фиксированием слоя, но у кого не получится, то попробуйте через Javascript решить, который представлен на этом сайте dumajkak.ru/kak-nastroit-kursor-na-ios-11-na-onlaj... Там еще три варианта решений.
Я пробовал так:
.modal-open {
     position: fixed!important;
}

А потом еще попробовал так:
body.has-fullscreen-modal {
  position: fixed;
}

<script>
var savedScrollPosition = $(window).scrollTop()
$('body').addClass('has-fullscreen-modal')
 
$('body').removeClass('has-fullscreen-modal')
window.scrollTo(0, savedScrollPosition)
</script>

Надеюсь поможет кому-то
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы