'HTML page doesn't goes up along with input field

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?



Solution 1:[1]

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

height:100vh;

or

height:100%;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Siddharth Seth