OiO.lk Blog Android Fix Android keyboard resizing and input obscuring in Ionic (inputShims)
Android

Fix Android keyboard resizing and input obscuring in Ionic (inputShims)


Hi everyone,

I’m not sure who needs to hear this, but I certainly wish I had known this earlier.

For a long time, I struggled with getting the keyboard to behave smoothly and predictable on Android devices when building an app with Ionic/Angular. The main issue was that the keyboard would often resize the layout abruptly and covering input field, overall creating a poor UX.

I spent a lot of time searching for solutions, tweaking different configurations and trying to find a way to prevent the keyboard from causing these issues.

I tried using android:windowSoftInputMode="adjustPan" in the Android manifest, but that didn’t solve it.
I also tried with different keyboardResize options in the Capacitor config (Ionic, Body, Native), but none of them gave me the smooth behavior I was looking for.

After some more searching around, I found a thread on Github about a niche that isn’t well documented in Ionic’s official documentation – at least not that I could find. This feature ended up being the solution to my problem.

I’ll provide the solution in my answer below 🙂



You need to sign in to view this answers

Exit mobile version