capacitor icon indicating copy to clipboard operation
capacitor copied to clipboard

[Bug]: Keyboard Plugin (with `resize: "native"`+`resizeOnFullScreen: true`) resizes view wrong

Open timephy opened this issue 5 months ago • 1 comments

Capacitor Version

💊 Capacitor Doctor 💊

Latest Dependencies:

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

Installed Dependencies:

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

[success] Android looking great! 👌

Other API Details


Platforms Affected

  • [ ] iOS
  • [x] Android
  • [ ] Web

Current Behavior

As first described in #8055 the Keyboard Plugin resizes the view wrong, this has changed recently when resizeOnFullScreen: true was changed to now treat the CSS safearea differently.

  • A gray bar appears above the keyboard when it opens
  • This gray bar seems to have the height of the top-safearea

I reproduced this in a new repo with these minimal steps:

  • new svelte project
  • installed capacitor + Keyboard plugin
  • Keyboard options resize: "native" + resizeOnFullScreen: true

https://github.com/timephy/capacitor-issue-keyboard-android

Image

Expected Behavior

All usable space should be used, no gray bar should appear!

Project Reproduction

https://github.com/timephy/capacitor-issue-keyboard-android

Additional Information

No response

timephy avatar Aug 04 '25 17:08 timephy

This issue creates around ~10% of GRAY EMPTY SPACE on the user's screen.

I would love it if someone could pay attention and try to fix this.

timephy avatar Aug 09 '25 09:08 timephy