Keyboard issue on iOS

[ix-xerri]

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

There seems to be an issue when developing an input text in the footer on iOS. The issues are 2:

• The styling is not as good as android.
• You have to start typing before the screen scroll to the bottom. Unless you type the display will show the top view of the page.

This is the code for the input field on a simple chat application

<ion-footer>
  <ion-toolbar>
    <ion-row>
      <ion-col width-10>
          <ion-spinner *ngIf="!chats"></ion-spinner>
      </ion-col>
      
      <ion-col width-70 [hidden]="!chats">
          <ion-input type="text"  placeholder="Enter Message"
              [(ngModel)]="message">
          </ion-input>
      </ion-col>
      <ion-col width-20 [hidden]="!chats">
          <button ion-button full (click)="sendMessage()"><ion-icon name="send"></ion-icon></button>
      </ion-col>
    </ion-row>    
  </ion-toolbar>
</ion-footer>

If I remove the margin from .button-ios it is correctly displayed.

[jgw96]

Hello, I am going to close this issue as a duplicate of #9199

[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.