Minimal reproduction

This repository contains a minimal reproduction for the Comment ionic-team/capacitor#8180 (comment).

Quick summary

• The capacitor.config.ts file was modified to set the resizeOnFullScreen flag to true.
• The actual problem occurs when the Android keyboard changes its height while it is already open (for example when switching to the emoji keyboard, suggestions, or an input accessory). In that situation the WebView height is not recalculated on every keyboard-height change, so part of the content can remain hidden behind the keyboard.

Actual behavior

• When the keyboard changes height while open, the WebView does not adjust its height each time. Portions of the UI become hidden behind the keyboard after the height change.

Expected behavior

• The WebView should recalculate and update its height whenever the keyboard changes height while open, ensuring visible content is not obscured.

Environment used for testing

• macOS (development)
• Ionic / Capacitor (this project)
• Android Emulator 15 (API 35) in Android Studio
• Android WebView version ~141 (the emulator image for that SDK usually includes it)

Steps to reproduce

1. Install project dependencies (this repo uses pnpm; if you use npm or yarn adapt the commands):

pnpm install

2. Run the app on the emulator:

ionic cap run android

3. Open the app on the emulator

4. Open the Android keyboard (tap on the input field)

5. On the Android keyboard, tap on the "Emoji"

6. Observe that the WebView not resizes correctly and part of the content is hidden behind the keyboard (Ex: Footer Toolbar)

Screenshots

Below are screenshots that illustrate the issue described above.

Screenshot 1	Screenshot 2