Ярлыки ошибок пользовательского интерфейса Azure AD B2C отображаются при первой загрузке

Question

У меня есть клиент Azure AD B2C.

Я создал (по умолчанию) SignUpAndSignInPolicy и добавил пользовательский шаблон пользовательского интерфейса для страницы входа, страницы регистрации и страницы сброса пароля.

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

Я хочу иметь тот же опыт, что и на странице примера Microsoft: https://woodgrovegroceriesb2c.azurewebsites.net/

Что бы я ни пытался, ярлыки ошибок отображаются на моем дизайне при первой загрузке страницы:

Как я могу решить это? Чего мне не хватает?

Answer 1

Пользовательские страницы пользовательской страницы Woodgrove Groceries отображают и скрывают ошибки поля следующим образом:

.attrEntry .error.itemLevel,
.attrEntry .helpText,
.attrEntry .tiny {
  display: none!important;
}

.attrEntry .error.itemLevel.show {
  display: block!important;
}