Capacitor Keyboard is pushing content up when height is set to 100%

I have a login page that I set the height to 100% and use flexbox to center in the page.

When I click on my inputs for the login page, the keyboard pushes the content up on the page.

If I remove the height, the issue does not happen. Is there a way to get the Keyboard to just overlay on the content and not push it up?

You can set the <meta name="viewport" ... /> height manually on load to get around this. The Android keyboard changes the viewport size when it loads in. It’s the intended behavior on Android.

See this StackOverflow question for more info: javascript - Android Keyboard shrinking the viewport and elements using unit vh in CSS - Stack Overflow

Thanks for the info @thomasvidas, however, this is happening on my iOS device.