[Android 8.0.0] Added non-passive event listener to a scroll-blocking 'touchstart' event

@manhlh231 wrote:

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

Posts: 1

Participants: 1

Read full topic