Mojave, Xcode 10 - Ion-input is disabled or unfocussed

@vasanthb wrote:

Hi, I recently updated my development environment to Xcode 10 and Mac OS to Mojave. After that I’m facing this problem. First time after the app launch I can properly enter user email and password, in case if validation fails, I’m showing a toast “Invalid credentials”. After that Ion-input is not focussed. I’m not able to click on the input boxes. If I click anywhere on the screen submit button is getting clicked.

  <form [formGroup]="loginForm" (submit)="login(loginForm.value)" novalidate>
      <ion-item>
        <ion-label style="color:#323647 !important;" floating>Username/Email</ion-label>
        <ion-input value="" tappable color="light" [(ngModel)]="dataV.email" #email type="email" formControlName="email" [class.invalid]="!loginForm.controls.email.valid &&loginForm.controls.email.dirty"
          email pattern="[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}">
        </ion-input>
      </ion-item>

      <ion-item>
        <ion-label style="color:#323647 !important;" floating>Password</ion-label>
        <ion-input value="" tappable #password type="password" formControlName="password" [class.invalid]="!loginForm.controls.password.valid &&loginForm.controls.password.dirty">
        </ion-input>
      </ion-item>

      <ion-item class="error-message">
        <p *ngIf="!loginForm.controls.email.valid  &&
                loginForm.controls.email.dirty">*Please enter a valid email.</p>
        <p *ngIf="!loginForm.controls.password.valid  &&
                loginForm.controls.password.dirty">*Password needs more than 6 characters.</p>
      </ion-item>

      <div class="submit-box">
        <button ion-button block type="submit" nav color="blue2" style="background-color:rgba(255,255,255,0.3);">Log in</button>
      </div>

    </form>

Posts: 1

Participants: 1

Read full topic