Page MenuHomePhabricator

Invalid email error message appears too far below input on Control Banner
Closed, ResolvedPublic

Description

{F31034163}Summary:
This is a minor issue, however since it may lead to some confusion it's worth noting that the error message for an invalid email input is displayed pretty far down from the email input. It would be great if we could have this error message appear directly below the email input, instead of below the Submit button as it currently is displayed.

Please note this is a control banner.

Steps to Reproduce:

  1. Open https://en.m.wikipedia.org/wiki/NASA?banner=B1920_0701_enWW_mob_p1_lg_template&country=US
  2. Click "Donate Later" link
  3. Click Submit
  4. Observe invalid email error message appears below the Submit button

Expected Results:
We would expect the error message for invalid email to appear directly below the email input box (and above the submit button), as this will likely reduce confusion.

Actual Results:
Currently the error message for invalid email input appears below the Submit button, which is too far from the email input and may lead to some confusion

Notes:
Attachments: InvalidEmailErrorTooFarDown.png
Mac OS 10.15.1
Safari 13.0.3
Chrome 78.0.3904.87
Banner Name: B1920_0701_enWW_mob_p1_lg_template