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 conten…

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 el…

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

Capacitor

yellowkicks January 28, 2022, 4:24pm 3

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

Topic		Replies	Views
Height of the in-app browser (opened using Browser.open) when keyboard is shown Capacitor	1	324	April 1, 2024
Ionic Android keyboard resize vh and shrink content Ionic Framework	1	3111	July 5, 2023
Ios 12 keyboard change window height (change css vh values(font, element height)) ionic-v3	2	2555	July 19, 2021
Incorrect calculation of the height at the open keyboard ionic-v1	0	1373	May 17, 2016
Virtual Keyboard Shrinks the Viewport ionic-v3	1	637	July 19, 2021

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

Related topics