HTML page doesn't goes up along with input field

Question

How to implement,when a user click input field then whole html page goes up along with input field. This is the output i got. This is the expected output. This is html code andThis is css code How do i achieve this?

Answer 1

Use fixed values for height like % and vh
Give height of 100vh or 100% to the parent element

height:100vh;

or

height:100%;