M
M
Maxim Gerasimenko2018-02-20 16:13:33
css
Maxim Gerasimenko, 2018-02-20 16:13:33

Why does input move out in iOS?

There is an online callback form on the maxg5.ru website .
When entering from Iphone and trying to display data in the phone field, the carriage jumps to the description field.
I was recommended to add the following class to the body when opening a modal window:

show {
  overflow: hidden !important;
    position: fixed;
    width:73%;
}

I added like this:
body .popup {
  overflow: hidden !important;
    position: fixed;
    width:73%;
}

But for some reason, the carriage still moves out on the Iphone.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
N
Nikita, 2018-02-20
@Rema1ns

So I recommended that you add it not to popup, but to body , and only when the window is opened.
Then delete the body class
. You were offered a run-in solution, and you do it your way, and then say that it doesn’t work.
yearning

E
Eugene Chefranov, 2018-02-20
@Chefranov

Known iOS bug https://hackernoon.com/how-to-fix-the-ios-11-input...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question