Autofill label problem

Hi everyone. I have a problem. I 'can’t disable a label that appears when I click in password input. There is any solution??

My ionic configuration:

"dependencies": {
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@ionic-native/app-update": "^5.2.0",
    "@ionic-native/camera": "^5.2.0",
    "@ionic-native/core": "^5.2.0",
    "@ionic-native/email-composer": "^5.2.0",
    "@ionic-native/splash-screen": "^5.2.0",
    "@ionic-native/status-bar": "^5.2.0",
    "@ionic/storage": "^2.2.0",
    "@ng-idle/core": "^2.0.0-beta.15",
    "@ng-idle/keepalive": "^2.0.0-beta.15",
    "cordova-android": "8.0.0",
    "cordova-ios": "^5.0.0",
    "cordova-plugin-app-update": "^2.0.2",
    "cordova-plugin-appversion": "^1.0.0",
    "cordova-plugin-camera": "4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-email-composer": "0.9.2",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^3.1.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "es6-promise-plugin": "4.2.2",
    "ionic-angular": "3.9.2",
    "ionicons": "^4.2.2",
    "rxjs": "^5.5.0",
    "rxjs-compat": "^6.3.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.3",
    "typescript": "2.6.2"
  },

I tried:

 IonicModule.forRoot(MyApp, {
       autocomplete: 'off',
       autocorrect: 'off',
       scrollAssist: false,
       autoFocusAssist: false
    })

and

<ion-item>
        <ion-label floating>Username / Email</ion-label>
        <ion-input autocomplete="off" class="my-input" [formControl]="credentialsForm.controls['username']" type="email" #user></ion-input>
      </ion-item>

      <ion-item>
          <ion-label floating>Password</ion-label>
          <ion-input autocomplete="off" class="my-input" [formControl]="credentialsForm.controls['password']" type="password" #pass></ion-input>
      </ion-item>

also autocomplete=“false, nope” but not working for me.

have you tried in device?

The problem is only in device. But in xiaomi mi a2 lite and huwei p20. In other android device no. What I can solve?

Did someone found a solution for the ugly android autofill labes on Android ?

1 Like

Has anybody found a solution? I’m seeing a similar issue where I have a “first name” field, and the autofill on Android suggests email addresses.

BTW I posted a similar question here: https://stackoverflow.com/questions/61770496/disable-autofill-popups-in-ionic-app-on-android