bug: edge-to-edge is duplicating the keyboard area and shrinking the webview too much on Android 16

[HarelM]

Plugin(s)

• Accelerometer
• Age Signals
• Android Battery Optimization
• Android Dark Mode Support
• Android Edge-to-Edge Support
• Android Foreground Service
• App Review
• App Shortcuts
• App Update
• Apple Sign-In
• Asset Manager
• Audio Player
• Audio Recorder
• Background Task
• Badge
• Barometer
• Biometrics
• Bluetooth Low Energy
• Cloudinary
• Contacts
• Datetime Picker
• File Compressor
• File Opener
• File Picker
• Geocoder
• Google Sign-In
• libSQL
• Live Update
• Managed Configurations
• Media Session
• NFC
• OAuth
• Pedometer
• Photo Editor
• PixLive
• Posthog
• Purchases
• Printer
• RealtimeKit
• Secure Preferences
• Screen Orientation
• Screenshot
• Speech Recognition
• Speech Synthesis
• Share Target
• Square Mobile Payments
• SQLite
• Superwall
• Torch
• Zip

Version

8.0.6

Platform(s)

• Android
• iOS
• Web

Current behavior

Webview size is shrinked "too much" when the keyboard is present

Expected behavior

Webview size should be properly set when the keyboard is on

Reproduction

https://github.com/HarelM/edge-app-test

Steps to reproduce

1. Open android 16 emulator on Android studio, click a input text box, look at the screen.

Other information

This is how my app looks on the emulator, notice the white area between the keyboard and the rest of the app.

I still need to check but I don't think this is present in Android 12 for example.

Capacitor doctor

💊   Capacitor Doctor  💊 

Latest Dependencies:

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

Installed Dependencies:

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

[success] iOS looking great! 👌
[success] Android looking great! 👌

Before submitting

• I have read and followed the bug report guidelines.
• I have attached links to possibly related issues and discussions.
• I understand that incomplete issues (e.g. without reproduction) are closed.

[robingenz]

This was already reported several times in the past. In almost all cases the plugin wasn't installed correctly. Please check out the Android Installation section and make sure that you have applied all required configurations.

[HarelM]

Thanks for the super fast response!
I believe I have configured this correctly, as can be seen here:
https://github.com/IsraelHikingMap/Site/blob/efc81a036b4fb1d07b7e49fbeb5723de75a05013/IsraelHiking.Web/capacitor.config.ts

I don't use the keyboard plugin, but I can test if adding the configuration solves the issue, but I doubt it.
From the debugging and looking at the behavior it seems that the keyboard height is taken into consideration twice, I'm debugging this on Android studio right now, if there's any information I can provide which might help solve this issue let me know.

The original issue which led me to install this plugin is solved and the area where the buttons are is not part of the app, which is what I needed this plugin for, but when opening the keyboard the problem appears.

[HarelM]

I'll open a PR with the relevant code modifications so we can discuss the problem and what I'm seeing.

[HarelM]

I've updated the initial post with a repo I just created that should facilitate for a minimal reproduction when clicking the input text after the app starts.

[robingenz]

See #814 (comment)