-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Ionic v4-beta.3] ion-input: autofill / autocomplete not working. #15208
Comments
Same here, after further investigation seems to be browsers which not handle input in Shadow DOM. Look at this issue: WICG/webcomponents#572 Finally they decided to include Shadow root to look for autocomplete attr look at this: whatwg/html#2149 So we have to options here:
Cheers |
Could you check if this issue is resolved with beta.19? We are now using a input without Shadow dom, so maybe this will work now :) |
Works with text ion-input. With username/password the password field is not picked up. <ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title> Home </ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<form method="post">
<!--
HTML input:<input type="text" name="fname" autocomplete="on" /><br />
HTML input username:<input type="text" name="username" autocomplete="on" /><br />
HTML input password:<input type="password" name="password" autocomplete="on" /><br />
-->
<ion-item>
<ion-label position="floating">ion-input</ion-label>
<ion-input name="fname" autocomplete="on" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">ion-input username</ion-label>
<ion-input name="username" autocomplete="on" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">ion-input password</ion-label>
<ion-input name="password" autocomplete="on" type="password"></ion-input>
</ion-item>
<input type="submit" />
<!-- <ion-button type="submit" expand="block">Sign In</ion-button> -->
</form>
</ion-content> Ionic:
ionic (Ionic CLI) : 4.5.0 (C:\Users\Tim\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.19
@angular-devkit/build-angular : 0.11.3
@angular-devkit/schematics : 7.1.3
@angular/cli : 7.1.3
@ionic/angular-toolkit : 1.2.0
System:
NodeJS : v10.14.2 (C:\Program Files\nodejs\node.exe)
npm : 6.5.0
OS : Windows 10 |
I close this for now because it should fixed with #17043 . After rc.2 release you can check again and if it still not working, just create a comment here and I reopen. |
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. |
Bug Report
Ionic Info
Run
ionic info
from a terminal/cmd prompt and paste the output below.Describe the Bug
autofill/autocomplete not working with ion-input.
Steps to Reproduce
Related Code
Expected Behavior
autofill/autocomplete to work as html input.
Additional Context
The text was updated successfully, but these errors were encountered: