Hey everyone,
I’ve run into a stubborn keyboard issue on Android that I can’t seem to solve, and I’m hoping someone here has encountered this before.
**The Goal:**
When an input at the bottom of the page is focused, the keyboard should open, the webview should resize, and the content should scroll so the input is visible above the keyboard.
**The Problem:**
The keyboard opens and overlays the footer or input. The webview is not resizing properly, so my footer and any inputs at the bottom get half covered.
**My Environment Details:**
Ionic:
Ionic CLI : 7.2.1
u/angular-devkit/build-angular : 19.2.15
u/angular-devkit/schematics : 19.2.15
u/angular/cli : 19.2.15
u/ionic/angular-toolkit : 12.2.0
Capacitor:
Capacitor CLI : 7.2.0
u/capacitor/android : 7.2.0
u/capacitor/core : 7.2.0
u/capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v22.15.0 (C:\\Program Files\\nodejs\\node.exe)
npm : 8.5.1
OS : Windows 10
**What I’ve Tried:**
This seems to be a classic `adjustResize` problem, and I’ve tried all the standard solutions I could find online:
`1. AndroidManifest.xml`**:** My main activity is explicitly set to `android:windowSoftInputMode=“adjustResize”`.
<activity
…
android:windowSoftInputMode=“adjustResize”>
import { KeyboardResize } from ‘@capacitor/keyboard’;
- capcitor.config.ts`
`Keyboard: {`
`resize: KeyboardResize.Native`
`resizeOnFullScreen: true`
`}`
**The Question:**
Given that all the standard configurations seem to be correct, what else could be overriding or interfering with the native `adjustResize` behavior on Android?
Has anyone run into a situation where a different Capacitor plugin, a specific device setting, or maybe a subtle CSS issue caused this? I’ve spent days on this and am completely stuck. Any ideas would be hugely appreciated!
1 post - 1 participant