L
L
lamer3502019-01-25 15:01:18
css
lamer350, 2019-01-25 15:01:18

Did you have problems with -webkit-overflow-scrolling: touch in safari iOS?

What is the essence of the problem, there is a pop-up inside which the form is in 2 stages.
The popup does not fit on the screen, because css is set inside the block

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

Without -webkit-overflow-scrolling: touch; when you hit the input with your finger, you can't scroll inside the div.
But the problem is the following, if after submitting the form when moving to the second stage (the data is loaded into the place of the form from the DOM), the data is not displayed, I just see a white sheet. If you disable the -webkit-overflow-scrolling: touch; the data is immediately displayed, if re-enabled it also remains in place.
There is some kind of conflict at the moment of loading data into a DIV from the DOM...

Answer the question

In order to leave comments, you need to log in

1 answer(s)
V
Vadim Kot, 2019-01-25
@lamer350

There is such a bug in safari iOS https://youtu.be/bHv9pWEzKiU?t=768

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question