Сообщение о проверке формы HTML5 не показывает, когда Scroll-Behaviour устанавливается на «плавное» на теге HTML в Chrom ⇐ CSS

[Anonymous]

У меня есть конфликт при настройке атрибута Scroll-behaviour: Smooth на теге HTML, когда на странице есть поля формы с использованием проверки HTML5. Вы можете увидеть эту проблему при использовании Chrome (Fine in Firefox/Safari)
Если первое поле ошибок находится за пределами просмотра точки зрения, то при проверке документ прокручивается и фокусирует на поле, однако Сообщение об ошибке не показано. < /p>
Я настроил базовый код ниже. Примечание. Эта проблема не возникает при использовании Codepen, JSfiddle и т. Д. < /p>

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

Scroll Behaviour / Form validation Issue



html, body {
scroll-behavior: smooth;
}

p {
margin-bottom: 1200px;
}






Scroll behavior / From validation issue




First name


Scroll down to submit button and click. If scroll occurs then no error message is shown.
(Note: shows if you hit enter on the field)

Submit

Кто -нибудь встречал это раньше?

Подробнее здесь: https://stackoverflow.com/questions/690 ... et-to-smoo