[Ionic v4-beta.3] ion-input: autofill / autocomplete not working.

Bug Report

Ionic Info Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)          : 4.1.0 (C:\Users\Tim\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.3
   @angular-devkit/core       : 0.7.3
   @angular-devkit/schematics : 0.7.3
   @angular/cli               : 6.1.3
   @ionic/ng-toolkit          : 1.0.6
   @ionic/schematics-angular  : 1.0.5

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.0
   OS     : Windows 10

Describe the Bug autofill/autocomplete not working with ion-input.

Steps to Reproduce

<ion-content padding>
  <input type="text" autocomplete="name"/>
  <form [formGroup]="userForm">
    <ion-list>
      <ion-item>
        <ion-label position="floating">Name</ion-label>
        <ion-input formControlName="name"
                   autofocus
                   autocomplete="name"
                   type="text"></ion-input>
      </ion-item>

Related Code

Expected Behavior autofill/autocomplete to work as html input.

Additional Context

[Nightbr]

Same here, after further investigation seems to be browsers which not handle input in Shadow DOM. Look at this issue: https://github.com/w3c/webcomponents/issues/572

Finally they decided to include Shadow root to look for autocomplete attr look at this: https://github.com/whatwg/html/pull/2149

So we have to options here:

• Wait a patch in browser to look in Shadow root to find our autocomplete input to autofill them
• Find a workaround and dev it (I’m looking a workaround if someone has an idea to manipulate the browser autofill API)

Cheers

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.