IOS emulation, unable to insert text in inputs

Ionic Framework ionic-v3
1

Hi All,
I was developing an Ionic2 application.
If I run the application in the browser I’ve no problems. But if I emulate the app in IOS I cannot insert a text in the input fields.
The following gif shows the problems

image
test.gif320×588 265 KB

This is the code:

 <ion-header>
  <ion-navbar>
    <ion-title>
        Login
    </ion-title>
  </ion-navbar>
 </ion-header>
 <ion-content padding>
   <div style="margin: 0 auto;width: 60%;">
       <img src="assets/logo.png" width="100%" height="auto" style="width: 100%; height: auto;">
   </div>
   <div class="spacer" style="width: 283px; height: 35px;"></div>
   <form [formGroup]="loginForm" (ngSubmit)="submitForm()">
    <ion-list>
        <ion-item>
            <ion-label floating>Username</ion-label>
            <ion-input formControlName="username" type="text" value=""></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Password</ion-label>
            <ion-input formControlName="password" type="password" value=""></ion-input>
        </ion-item>
        <ion-item padding>
            <ion-label>Rimani connesso</ion-label>
            <ion-toggle formControlName="rememberme"></ion-toggle>
        </ion-item>
        <button ion-button full type="submit" [disabled]="!loginForm.valid || isLoading">
            Login</button>
    </ion-list>
   </form>
   <ion-card>
    <ion-card-content class="item-text-wrap">
       AAAAA
    </ion-card-content>
  </ion-card>
</ion-content>

Do you know what is going wrong?

EDIT
if I run the project on a physical device there are no problems.

thanks

1 Like
2

Did you get lucky with this? I got my app rejected by Apple because of this.

3

I have exactly same problem .You should remove input from ion-item ,thats the only soluton I have found so far .Do liike this ;

   <ion-row> 
        <ion-col col-4>
            <ion-item>
                 <ion-label floating>Username</ion-label>
            </ion-item>
        </ion-col>
        <ion-col>
            <ion-item>
                          <ion-input formControlName="username" type="text" value=""></ion-input>
            </ion-item>
        </ion-col>
    </ion-row>