1504952 - The "Billing Address" field-specific validation error message is misplaced

Status: RESOLVED WORKSFORME

(Firefox :: WebPayments UI, defect)

Description

[Timea Cernea [:tbabos][inactive]]

Attachment: Video of the issue

[Affected versions]: 
Nightly 65.0a1 

[Affected platforms]:
Platforms: Windows 10 x 64, Windows 7 x32, Mac OS X 10.13 and on Ubuntu 16.04 x64.

[Preconditions]:
1. Set the pref dom.payments.request.enabled to "true"
2. Set browser.search.region to "US" or "CA" if you are outside of the US or Canada
3. Make sure you have only Shipping Address saved - to ensure First Flow Use

[Steps to reproduce]:
1. Go to "https://rsolomakhin.github.io/pr/single/" page and click on "Buy".
2. Fill in all field for the Credit Card form
3. Select the empty option for the billing address to trigger the field validation
3. Click on the invalid field

[Expected result]:
The field-specific error message should be positioned correctly in a tooltip like for the other fields.

[Actual result]:

(First Flow)The vertical scrollbar will appear when the empty option is selected for the billing address and the field-specific error message is misplaced.

(Second flow) The field-specific error message is misplaced. - the scrollbar will not appear since the Order Summary is not displayed at the top of the Payment Widget as per spec.
 
Please check the attached file.

Comment 1

[Timea Cernea [:tbabos][inactive]]

Please note that since the fix for Bug 1482689 has landed, the field validation is no longer displayed when the invalid billing address field is focused, thus this issue cannot be reproduced. 

Matt, should I submit a new issue for the missing error or will it be handled in Bug 1482689?

Comment 2

[Matthew N. [:MattN]]

Sounds good but looks like Hani already filed bug 1505053.

Comment 3

[Timea Cernea [:tbabos][inactive]]

Hey Matt,

In this bug I'm referring to the field-specific error that appears (on the add CC card form) when the Billing Address field is invalid. It's misplaced and causes a scrollbar to appear in the First Flow.
I also mentioned that due to the fix of Bug 1482689 that landed yesterday, the error message is not displayed anymore when the field is invalid.

Hani's bug (1505053) highlights the fact that on the Order Summary page there is no error displayed and the payment is processed when the Billing Address is missing for the selected CC card.

Comment 4

[Matthew N. [:MattN]]

All of these issues should get fixed by bug 1481481, bug 1494723, and/or bug 1491815.