Ionic 4 with capacitor on iPhone landscape keyboard focus not right: iphone 8

[stripathix]

Bug Report

Ionic version:

[x] 4.x

Current behavior:

On clicking on any input field on the iPhone landscape page shift is wrong. input field goes out of view and even on some screens keyboard is hidden behind a keyboard.

https://youtu.be/kveJ663r-oA

Expected behavior:
On clicking on input field focus should be right

Steps to reproduce:

Related code:

<div class="ion-page">
  <ion-header>
    <ion-toolbar color="dark">
      <ion-buttons slot="start">
        <menu-button></menu-button>
      </ion-buttons>
      <ion-title>
        Developer
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content class="hasfooter">
    <ion-list>
      <ion-item>
        <ion-label position="stacked">Service Host</ion-label>
        <ion-input :value="serviceHost" @ionInput="serviceHost = $event.target.value" placeholder="Enter Service Host"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">Test1</ion-label>
        <ion-input :value="serviceHost" @ionInput="serviceHost = $event.target.value" placeholder="Enter Service Host"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">Test2</ion-label>
        <ion-input :value="serviceHost" @ionInput="serviceHost = $event.target.value" placeholder="Enter Service Host"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">test3</ion-label>
        <ion-input :value="serviceHost" @ionInput="serviceHost = $event.target.value" placeholder="Enter Service Host"></ion-input>
      </ion-item>
    
    </ion-list>
  </ion-content>
  <ion-footer>
    <ion-toolbar color="dark">
    </ion-toolbar>
  </ion-footer>
</div>

Other information:

Ionic info:

"@capacitor/android": "1.0.0-beta.11",
		"@capacitor/cli": "1.0.0-beta.11",
		"@capacitor/core": "1.0.0-beta.11",
		"@capacitor/ios": "1.0.0-beta.11",
"@ionic/core": "4.0.0-beta.17",
		"@ionic/vue": "0.0.1",

[paulstelzer]

Thanks for your issue! This is related to Capacitor. Please see here -> ionic-team/capacitor#814 - And if you think it's not match the issue, please open a new issue at capacitor because the @ionic/core has no influence at the native keyboard

[stripathix]

Thanks, @paulstelzer for a response. Is this is issue discussing the same thing? I think they are discussing the solution of when keyboard is hidden then UI comes back to right position. But I am pointing out that when keyboard is opened then the input box goes out of view box.

Should I open separate issue with Cordova?

Solutions suggested in this thread (ionic-team/capacitor#814) did not fix my issue

[paulstelzer]

If this is an issue for Cordova keyboard, too, then you can open an issue ticket here -> https://github.com/ionic-team/cordova-plugin-ionic-keyboard

If you think you found a new issue, that nobody has mentioned yet, so feel free to open a new issue here at Capacitor -> https://github.com/ionic-team/capacitor/issues

[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 Ionic, please create a new issue and ensure the template is fully filled out.