[Bug]: Capacitor v8.3.0 extra gray space when keyboard is visible

[Cha0yue]

Capacitor Version

Latest Dependencies:

@capacitor/cli: 8.4.1
@capacitor/core: 8.4.1
@capacitor/android: 8.4.1
@capacitor/ios: 8.4.1

Installed Dependencies:

@capacitor/ios: not installed
@capacitor/cli: 8.4.1
@capacitor/core: 8.4.1
@capacitor/android: 8.4.1

[success] Android looking great! 👌

Other API Details

npm 11.6.2
node v24.12.0

Android OS version 10

Platforms Affected

• iOS
• Android
• Web

Current Behavior

When the keyboard is visible (e.g. from opening an input field), there is a grey area that appears above the keyboard, taking up a lot of space. The height seems to be the same as the height of the keyboard.

I ran npm init @capacitor/app@latest, added an input field, and compiled a debug apk to install on my phone.

Only seems to affect my phone (android version 10). Tested on one other android phone (OS 13) with no issue. Couldn't seem to run the apk in android home emulator (just got a white screen).

cap_keyboard_issue.mp4

Expected Behavior

Do not expect to see the gray area

Project Reproduction

Changed basically nothing, except that I removed @capacitor/camera and set "launchAutoHide": true in capacitor config file (otherwise I would be stuck at splash screen)

Additional Information

The capacitor version I installed here is v8.4.1, but from my test the version that caused this issue was v8.3.0. The previous version (8.2.0) did not have this issue.

And from the changelog, it seems that the only notable change was the SystemBars using native safe area insets (#8384)?

Probably the same issue as #8459 and #8412 but upgrading to latest capacitor version (8.4.1) did not help fix this issue.

Setting insetsHandling to disable fixes the issue but not sure how that would affect other android versions.