How to avoid overlapping form fields with the android keyboard?

Question

JavaScript

On the mobile version of the site, when you click on the registration icon, the main menu leaves on the left, at the bottom of which there is a login form. Clicking on this icon also triggers focus on the first field of the form.



But the keyboard is placed on top of the inputs until at least one character is entered



. How to avoid overlapping form fields?
Tested on android 5 with two keyboards and on ios.
In ios it is displayed normally.

Answer 1

For activity in the manifest, set the flag android:windowSoftInputMode="adjustResize"