How to remove the input bug on the iPhone?

Question

iPhone

Hello. There was a problem with displaying the cursor on the input. For some reason, when you click on the input, the cursor goes down, as if the input is transparent and increases its height.
Bug only on iPhone.
I forgot to point out - the bug is in the popup window, not in the usual form.

Answer 1

iOS 11 bug https://hackernoon.com/how-to-fix-the-i...
I decided myself by putting:

body {
   postion: fixed;
}

When opening a form on iOS, and then I remove it.

Answer 2

This is the side of iPhones, it is solved simply by fixing the layer, but if it doesn’t work out, then try to solve it through Javascript, which is presented on this site dumajkak.ru/kak-nastroit-kursor-na-ios-11-na-onlaj... There is also three solutions.
I tried like this:

.modal-open {
     position: fixed!important;
}

And then I tried it like this:

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>

Hope it helps someone