Form Validation Behavior on Chrome

[rgroves]

This was noticed on the guardian's Student Registration Form (behavior might be present on other forms as well):

• If you leave in a form error (like an unfilled name) and click the button at the bottom of the form, if the field in error is off-screen the browser will scroll to it, focus it, but no validation/error message appears. This might be a Chrome specific issue (I was using Chrome Version 87.0.4280.141 Official Build/64-bit). It does not seem to happen in Firefox.

Originally posted by @rgroves in https://github.com/WeAllCode/website/issues/820#issuecomment-763376028