iOS: Keyboard is not resized properly when resize mode is changed from native to none

[cornelius-behrend]

Bug Report

Plugin(s)

@capacitor/keyboard 6.0.2

Capacitor Version

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

Platform(s)

• iOS

Current Behavior

When the keyboard is opened with the resize mode native and then the resize mode is switched to none while the keyboard is still open, closing the keyboard results in a black box since the web view is not reseted to its original bounds.

Expected Behavior

Even when changing the resize mode back and forth, the web view should be displayed correctly.

Code Reproduction

This can be i.e. fixed by adding a reset of the frame if the resize mode is "none".

- (void)_updateFrame
{
  CGRect f, wf = CGRectZero;
  UIWindow * window = nil;
    
  if ([[[UIApplication sharedApplication] delegate] respondsToSelector:@selector(window)]) {
    window = [[[UIApplication sharedApplication] delegate] window];
  }
  
  if (!window) {
    if (@available(iOS 13.0, *)) {
      NSPredicate *predicate = [NSPredicate predicateWithFormat:@"self isKindOfClass: %@", UIWindowScene.class];
      UIScene *scene = [UIApplication.sharedApplication.connectedScenes.allObjects filteredArrayUsingPredicate:predicate].firstObject;
      window = [[(UIWindowScene*)scene windows] filteredArrayUsingPredicate:[NSPredicate predicateWithFormat:@"isKeyWindow == YES"]].firstObject;
    }
  }
  if (window) {
    f = [window bounds];
  }
  if (self.webView != nil) {
    wf = self.webView.frame;
  }
  switch (self.keyboardResizes) {
    case ResizeBody:
    {
      [self resizeElement:@"document.body" withPaddingBottom:_paddingBottom withScreenHeight:(int)f.size.height];
      break;
    }
    case ResizeIonic:
    {
      [self resizeElement:@"document.querySelector('ion-app')" withPaddingBottom:_paddingBottom withScreenHeight:(int)f.size.height];
      break;
    }
    case ResizeNative:
    {
      [self.webView setFrame:CGRectMake(wf.origin.x, wf.origin.y, f.size.width - wf.origin.x, f.size.height - wf.origin.y - self.paddingBottom)];
      break;
    }
    case ResizeNone:
    {
      [self.webView setFrame:CGRectMake(wf.origin.x, wf.origin.y, f.size.width - wf.origin.x, f.size.height - wf.origin.y)];
      break;
    }
    default:
      break;
  }
  [self resetScrollView];
}

Other Technical Details

Additional Context

[Ionitron]

This issue needs more information before it can be addressed.
In particular, the reporter needs to provide a minimal sample app that demonstrates the issue.
If no sample app is provided within 15 days, the issue will be closed.

Please see the Contributing Guide for how to create a Sample App.

Thanks!
Ionitron 💙

[alexgerardojacinto]

@cornelius-behrend can you provide a GitHub repo with an app where the issue can be replicated?

[bhagatanant21]

@alexgerardojacinto i am also facing the same issue it happens whenever the keyboard.resize function is triggered when keyboard is open resized to native and resized to none after closing the keyboard this issue is mostly replicated in iphones of lower OS or model for example we are facing issue in iphone 7 , 8 , 8 plus etc. so please check it from your side and do the fixes needed a humble request .

[bhagatanant21]

#577 this is the issue i am facing it says that native would fix the issue but it isnt working as expected @alexgerardojacinto

[bhagatanant21]

I resolved the issue by creating a workaround by using this this.keyboardShowListener = Keyboard.addListener( "keyboardWillShow", (info: { keyboardHeight: number }) => { document.activeElement.scrollIntoView({behavior:"auto", block:"nearest", inline:'nearest'}) } ); and it worked for me and also dont forget to remove resize variable from capacitor config if your are using capacitor v6 but i hope this issue gets resolved officially :) that would help alot .