1787421 - Scroll behaviour is not respected when scrolling to invalid form element on form submission

Status: NEW

(Core :: Layout: Scrolling and Overflow, defect, P3)

Description

[mark.j.fisher]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:104.0) Gecko/20100101 Firefox/104.0

Steps to reproduce:

See demo at https://codepen.io/markfisher/pen/qBoGJRa

Submitted an invalid form where the first invalid element was not in view, and the page had html, body {scroll-behavior: smooth}

Actual results:

The first invalid element was scrolled to immediately.

Expected results:

The scroll should have been smooth, as would have happened when using HTMLElement.scrollIntoView() with no options.
A sudden jump like this is disorienting for the user and gives no indication of the direction of movement.

Comment 1

[Hani Yacoub, Desktop QA]

Managed to reproduce the issue on macOS 11.6, Windows 11 x64 and on Ubuntu 20.04.