I have a fixed pop-up window on my site with 100% screen height. Top and bottom elements of 50px are attached, and the entire inner part is occupied by textarea. With the textarea focus, I need to always have the bottom block above the pop-up keyboard.

enter image description here

The problem is that on iPhones (at least the last ones) when the keyboard appears, the window size does not decrease and Footer, Header hide behind the edges. Tried to get the window size using js, but it always gives it without taking into account the keyboard.

    2 answers 2

    Quite a difficult task. It is necessary to self-calculate changes before focusing and after. For example - when opening the keyboard window.pageYOffset changes

      In the pictures your work is already, or an example of what should be? Sorry, I can not yet yet write this in the comment to the question.

      Try position: fixed; use for footer.

      • Yes, sorry, not clear. On the right picture - as I would like. Position: fixed does not help, IOS does not consider that the visible zone is reduced and everything remains the same as if there was no keyboard. - Saer