Skip to content

[Bug]: Too much bottom safe area when keyboard is visible #8329

@aeharding

Description

@aeharding

Capacitor Version

➜  test-cap git:(master) ✗ npx cap doctor
💊   Capacitor Doctor  💊

Latest Dependencies:

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

Installed Dependencies:

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

[success] Android looking great! 👌

Other API Details

➜  test-cap git:(master) ✗ npm --version
11.6.1
➜  test-cap git:(master) ✗ node --version
v24.11.0

Platforms Affected

  • iOS
  • Android
  • Web

Current Behavior

With the latest capacitor v8.0.2, I noticed a strange issue where the bottom padding safe area will be ~ the size of the open keyboard, when the keyboard is open. This makes too much scrollable space appear in the webview.

This was originally spotted here: #8309 (comment)

❌ Incorrect behavior

IMG_0585.mp4

Expected Behavior

The bottom safe area should be 0 when the keyboard is open.

✅ Correct behavior

This issue does NOT happen with capacitor v8.0.1 or v8.0.0. In those versions it works as expected. Example:

IMG_0586.mp4

Project Reproduction

https://github.com/aeharding/cap-kb-blank-space

Additional Information

Device info: Google Pixel 7 with GrapheneOS. Android 16, webview v143.0.7499.146.0

Metadata

Metadata

Assignees

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions