I update project from Android 7.0.0 to Android 8.0.0 . At Login Page, I have a bug Can’t touch enter input filed while run app, but I touch to button any then can touch enter input normal.
waring log: polyfills.js:2 [Violation] Added non-passive event listener to a scroll-blocking ‘touchstart’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
My Code: Login Page :
<!--Login Page component-->
<!--Content-->
<ion-content login-layout>
<ion-grid no-padding>
<ion-row padding-horizontal align-self-center>
<ion-col align-self-end col-12 col-sm-12 col-md-12 offset-lg-3 col-lg-6 offset-xl-3 col-xl-6>
<!---Logo-->
<img [src]="logo">
<!---Logo Subtitle-->
<h2 login-subtitle no-margin>Welcome</h2>
<!---Logo Title-->
<h1 ion-text padding-bottom login-title no-margin>{{'login.title' | translate}}</h1>
</ion-col>
<ion-col align-self-start col-12 col-sm-12 col-md-12 offset-lg-3 col-lg-6 offset-xl-3 col-xl-6>
<!---Input field username-->
<ion-item transparent>
<ion-label stacked>{{'login.username' | translate}}</ion-label>
<ion-input required placeholder="{{'login.username' | translate}}" type="text" [(ngModel)]="username" >
<button (click)="eventInputChange()">xXx</button>
</ion-input>
<ion-label error-field color="primary" no-margin *ngIf="!isUsernameValid">{{'login.validator.username-required' | translate}}</ion-label>
</ion-item>
<!---Input field password-->
<ion-item>
<ion-label stacked>{{'login.password' | translate}}</ion-label>
<ion-input required type="password" placeholder="{{'login.password' | translate}}" [(ngModel)]="password"></ion-input>
<ion-label error-field color="primary" no-margin *ngIf="!isPasswordValid">{{'login.validator.password-required' | translate}}</ion-label>
</ion-item>
</ion-col>
<!---Button area-->
<ion-col align-self-end bottom-form col-12 col-sm-12 col-md-12 offset-lg-3 col-lg-6 offset-xl-3 col-xl-6>
<!---Login button-->
<button ion-button full text-capitalize default-button (click)="onLogin()">{{'login.signin' | translate}}</button>
</ion-col>
<ion-col col-12>
<div description text-center>
<p>{{'login.register-text' | translate}}
<a text-capitalize ion-text color="primary" (click)="onRegister('register')">{{'login.register-now' | translate}}</a>
</p>
<p>
<a text-capitalize ion-text color="primary" (click)="onRegister('forgot-pass')">{{'login.forgot-password' | translate}}</a>
</p>
</div>
</ion-col>
<!---End Button area-->
</ion-row>
</ion-grid>
</ion-content>
<!-- <ion-nav swipeBackEnabled="false"></ion-nav> -->