How to make the active input appear above the keyboard?

Question

css

The page has several input fields. When you click on one of them (especially if it is not the first one), a keyboard opens that overlaps the fields and you have to enter blindly. How can I make the active input sit exactly above the keyboard?
Ps For ios, it seems to happen on the machine, but for android there are problems with this.

Answer 1

I thought about it, but in practice I have not yet used the invented solution:
When focusing on the input, scroll the page so that the active input becomes at the top of the page.
Go to Yandex from your phone and click on input, for example.

Answer 2

The problems are most likely not with the android, but these are the features of the browser you are using. An anchor link might help.