Why does the authorization form go under the iPad keyboard when the tablet orientation is changed?

Question

css

Hello!
Perhaps some of you have already encountered a similar problem, when when you change the orientation of the tablet (iPad, for example), some block is in focus (for example, the authorization form on the login page) or the usual input goes under the iPad keyboard? And you have to scroll so that this same element in focus is again in the middle of the screen ...
I have never encountered this, I was looking for a solution on foreign sites, but I did not find a similar one ... (maybe I was looking badly)
I would be glad to help, gentlemen!
Thanks in advance ;)

Answer 1

Add a resize handler that will recalculate the form coordinates when the page is resized