1488764 - The labels from fields marked as invalid do not turn blue when the field is selected

Status: RESOLVED WONTFIX

(Firefox :: WebPayments UI, defect, P1)

Description

[Timea Cernea [:tbabos][inactive]]

[Affected versions]:
Nightly 64.0a1

[Affected platforms]:
Windows 10 x64, Ubuntu 16.04, Mac OS 10.13

[Prerequisites]:
- set the pref dom.payments.request.enabled to "true"
- have a profile with saved cards

[Steps to reproduce]:
1. Go to “https://rsolomakhin.github.io/pr/single/” and click on “Buy” button
2. Select a saved Credit card (works with the address as well)
3. Click on “Edit” link for a new Credit Card
4. Delete the info from one of the required fields
5. Click out of the active field (to trigger the red border)
6. Click on the same invalid field

[Expected Result]:
The label from the invalid field should turn blue and display the active state animation.

[Actual Result]:
The label from the invalid field does not turn blue when the field is selected.
Here is a screen recording of the behavior: https://streamable.com/ojmcn

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

This was actually intentional since the blue text doesn't look good next to the red outline.

See https://searchfox.org/mozilla-central/rev/6201a9e0067cf6af118c6a99ae9314b8ceb2c4d5/browser/extensions/formautofill/skin/shared/editDialog-shared.css#61-65, introduced by bug 1485473.