[Bug]: Webview doesn't resize correctly when keyboard is shown on Android

[sam-higgs]

Capacitor Version

💊 Capacitor Doctor 💊

Latest Dependencies:

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

Installed Dependencies:

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

Other API Details

npm 10.2.3
node 20.10.0
pod 1.15.2

Platforms Affected

• iOS
• Android
• Web

Current Behavior

On Android 15 and potentially other versions, when the numeric keyboard is shown, the resized web view is too small which leaves a bar between the web view and keyboard

initial height with keyboard closed: 912
keyboard height: 366
height with keyboard open: 502

Expected Behavior

height with keyboard open: 546

Project Reproduction

N/A

Additional Information

I have tried various solutions like resizeOnFullScreen: true and resize: body | native, was also curious if it was related to adjustMarginsForEdgeToEdge but this also seems to have no effect.

Update, adjustMarginsForEdgeToEdge: force doubles the gap in relation to disable

If I set await StatusBar.setOverlaysWebView({ overlay: true }); then it works first attempt then fails on future ones.

[ionitron-bot]

This issue needs more information before it can be addressed. In particular, the reporter needs to provide a minimal sample app that demonstrates the issue. If no sample app is provided within 15 days, the issue will be closed.
Please see the Contributing Guide for how to create a Sample App.
Thanks! Ionitron 💙

[allanccruz]

I found this article that resolves this problem using an plugin. Works fine for me! I was able to reproduce this issue just emulating one device with android 14 and another one with android 15 and noticing the diference when the keyboard shows up and dont push the content of my application.

Try it out:
https://medium.com/@Marshall110686/fixing-the-android-15-edge-to-edge-and-keyboard-overlap-bug-in-ionic-capacitor-apps-413dfbb4c5b6

[timephy]

Hello, I've also run into this.
Just since I've upgraded to the new version (7.4.1) with EdgeToEdge and removing StatusBar.

Notice the gray bar between the blurred background and the keyboard, seems to be matching the StatusBar height.
Here's a screenshot

        Keyboard: {
            // NOTE: resize the webview when keyboard shows
            resize: "native",
            // NOTE: fixes a bug on android according to docs
            resizeOnFullScreen: true,
        },

[jcesarmobile]

closing since there was no response
this probably fixed it, but it's not released yet
ionic-team/capacitor-plugins#2388

requires the resizeOnFullScreen: true Keyboard plugin configuration option