bug: Keyboard overlaps ion-input when used with StatusBar.overlay as true

[manishoswal]

bug: Keyboard overlaps ion-input when used with StatusBar.overlay as true

[marcelvarela]

Same issue here too.
Using latest capacitor stable version.
2.4.6

[Elwazeery]

Capacitor 3 and still have the issue

[danielehrhardt]

ionic-team/capacitor#4608
Same Issue for Capacitor 3

[mayankkataria]

Same issue. Any update for capacitor?

[Phoenix-Alpha]

@imhoffd, @jcesarmobile, it has been over a year since this issue is first reported, any update with this?
Thanks in advance.

[manishoswal]

@jcesarmobile - Please find repo (https://github.com/manishoswal/ionic-cap-keyboard-issue/) to replicate the issue.

  // If we comment the status bar style and  setOverlaysWebView code the keyboard works

  StatusBar.setStyle({
    style: StatusBarStyle.Light,
  });

  // Display content under transparent status bar (Android only)
  StatusBar.setOverlaysWebView({
    overlay: true,
  });

[jcesarmobile]

can you provide a sample app?
I can't reproduce on the one I used to implement the resizeOnFullscreen preference for the Cordova plugin, that's why I didn't implement it for Capacitor.

[manishoswal]

@jcesarmobile - Let me know if you need any more details.

[manishoswal]

@dwieeb | @jcesarmobile - Any update on this, as we have to switch to ionic framework instead of capacitor due to this.

[jcesarmobile]

we are working on Capacitor 3, so we are doing feature freeze and this would need a new feature, so won't be any updates anytime soon

[oliverandersencox]

@manishoswal having the same issue.

[BerkeAras]

👍 from me, same issue

[haschu]

Same issue. Has anybody found a workaround yet?

[cedricfrancoys]

Same issue here.

[leo-petrucci]

Yep, same here. As soon as I removed

StatusBar.setOverlaysWebView({ overlay: true });

The problem went away.

I'm on Capacitor 3 btw.

[somq]

I confirm this too, inputs do not get positioned over the keyboard as it should be

[migueldinacode]

Same issue on capacitor 2.4.7

[GHChrisSu]

same issue here with capacitor 2.4.7

[GHChrisSu]

https://github.com/gyf-dev/ImmersionBar
I use ImmersionBar to solved my problem, not using overlay webview
Just add below to your MainActivity

ImmersionBar.with(this).keyboardEnable(true).init();

[danielehrhardt]

same issue here with capacitor 2.4.7

No Response from Ionic/Capacitor?

[leo-petrucci]

I did some research on this and posted about it here #525

This isn't actually a bug, but more of a wrong implementation. I don't think SetOverlaysWebview has ever worked in any version of Capacitor because its just never been implemented the right way.

I've tried my best to fix it, but I honestly don't know anything about Android development. I think I'm on the right track, but haven't been able to figure it out because Android documentation is like reading the bible upside down.

Would love to hear from @jcesarmobile now that Capacitor 3 is out.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of the plugin, please create a new issue and ensure the template is fully filled out.