Unmöglich deaktivieren Browser CHROME zur automatischen Vervollständigung

Question

Ich verwende Google Autocomplete-Adresse API (hier die link)

Ich verwende angular2 und das ist der Code

HTML

<form autocomplete="off" method="post"> 
    <input autocomplete="false" name="address" type="text" style="display:none;"> 
    <div class="row"> 
    <div class="col-md-12"> 
    <div class="form-group"> 
     <label for="shippingAddress">Address*</label> 
     <input id="shippingAddress" name="address" type="text" autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl"> 
    </div> 
    </div> 
</div> 
</form> 

I tryied auch das

<input autocomplete="false" name="address" type="text" style="display:none;"> 
    <div class="row"> 
    <div class="col-md-12"> 
    <div class="form-group"> 
     <label for="shippingAddress">Address*</label> 
     <input id="shippingAddress" name="address" autocomplete="off" type="text" autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl"> 
    </div> 
    </div> 
</div> 

Die Google Autocomplete funktioniert perfekt, aber die Die Autofill-Funktion für den Browser deckt das Dropdown-Feld für Google Maps-Autocomplete ab. Alles, was ich tun möchte, ist die automatische Vervollständigung des Browsers auf dieser Texteingabe zu deaktivieren, aber ich werde verrückt. Ich lese einige Lösungen, aber niemand funktioniert.

Die einzige Lösung, die funktioniert ist die Eingabe des Typs Kennwort festlegen und setzen

autocomplete="new-password" 

aber das Problem ist, dass ich Punkte sehen, wenn ich in der Textbox schreiben und das ist nicht gut.

Ich habe auch mit dem versteckten Eingabefeld versucht aber nichts zu tun. Ich benutze Chrome v 63.0.3239.84

Irgendwelche Hilfe?

Answer 1

Chrome analysiert den Text vor der Eingabe und löst anhand der Wörter die Autofill-Benutzeroberfläche aus. Ich habe festgestellt, dass das Problem nach der Eingabe behoben wird. Ich halte ein leeres Etikett über den Raum zu halten, und legen Sie dann position: absolute; auf dem Etikett nach

ich eine Stichprobe habe unter

https://codepen.io/anthonyholmes/pen/YYvXEa