Автозаполнение Chrome переопределяет существующий выбранный автозаполненный текст, когда поле пароля отображается в той ⇐ Html

[Anonymous]

В нашем приложении есть страница оплаты, на которой пользователь вводит свой адрес электронной почты, нажимает «Далее», и, если адрес электронной почты существует, мы показываем поле пароля (или переходим к созданию нового пользователя, если его нет). Это делается с использованием как можно меньшего количества кода:

Код: Выделить всё

@if(hasSubmitted) {


}


Next

Код: Выделить всё

import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { FormsModule } from "@angular/forms"

@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, FormsModule],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent {

private _email = "";
public get userEmail() {
return this._email;
}
public set userEmail(value) {
this._email = value;
this.hasSubmitted = false;
}

hasSubmitted = false;

onSubmit() {
this.hasSubmitted = true;
}
}

Мы показываем поле электронной почты и кнопку «Далее». Далее мы проверяем электронную почту и показываем поле пароля, если оно существует. (Хотя выше я пропустил эту часть и просто показываю поле пароля). Проблему можно увидеть на рисунке ниже (это код выше):


В Chrome, когда я (и пользователи) вручную автозаполните поле, щелкнув поле выберите адрес электронной почты и нажмите «Отправить», на короткое время появится поле пароля. Затем Chrome автоматически заполнит поле электронной почты и переопределит его. Из-за этого hasSubmit становится ложным и поле пароля исчезает.
Этого не происходит, если адрес электронной почты вводится вручную, как показано в видео ниже:


Аналогично, если выбранный мной адрес электронной почты совпадает с адресом, который автоматически заполняет Chrome, то установщик не будет вызываться, а поле пароля останется. См. ниже:


Я не уверен, что я могу с этим сделать, кроме как отключить автозаполнение в поле пароля< /p>
Кроме того, когда я говорю об автозаполнении, это больше похоже на предварительное заполнение. Например, когда вы открываете страницу с формой входа в Chrome, где нужно ввести имя пользователя и пароль. Именно поэтому всегда появляется одно и то же электронное письмо.

Подробнее здесь: https://stackoverflow.com/questions/793 ... password-f