Skip to content

[Bug]: Keyboard area is greyed out even when keyboard is not open. #30

Description

@irshadshalu

Bug Report

Plugin(s)

  • @capacitor/keyboard

Capacitor Version

Latest Dependencies:

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

Installed Dependencies:

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

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

Platform(s)

  • Android
  • iOS

Current Behavior

  1. Install capacitor keyboard plugin
  2. Set configuration in capacitor.config.ts
    "Keyboard": {
      "resize": "Body",
      "resizeOnFullScreen": true
    }

When opening the app from a launcher while the keyboard is already open, the area for keyboard is reserved and shows up as greyed.

Screen recording:

Screen_Recording_20250823_131427_Niagara.Launcher.mp4

Screenshot:

Image

Expected Behavior

It should not grey out the area when the keyboard is not open.

Code Reproduction

Repo: https://github.com/irshadshalu/capacitor-keyboard-bug-sample

Other Technical Details

The entire viewport of the page is reduced in Android, which is why a grey area appears. I confirmed it with inspect element as well.

However, in iOS - this happens when going back from a page with keyboard open, entire viewport stays same, but capacitor thinks keyboard is open: (probably because of how keyboard is handled differently in both platforms.

Image

Additional Context

I checked in existing issues and reported bugs, couldn't find the same reported. if it's a known issue, please link to that.

Keywords: keyboard, grey area, keyboard startup issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions