1740693 - [DE][otto.de] Exp Month and Year dropdowns are not highlighted

Status: NEW

(Toolkit :: Form Autofill, defect, P3)

Description

[Alin Ilea, Desktop QA]

Attachment: 2021-11-11_12h40_12.mp4

Affected Versions:

All latest Firefox versions: Nightly 96.0a1, Beta 95, Release 94

Tested on:

MacOS 10.15
Windows 10

Preconditions:

browser.search.region DE
extensions.formautofill.supportedCountries DE
download latest Firefox Nightly with region locale (switch extensions.formautofill.available to "on" for testing non-Nightly builds)

Steps to reproduce:

1. Reach the payment form on otto.de
2. Using autofill feature, select 1 saved CC entry.
3. Click on any auto-filled field and choose to "Clear Form".

Expected Results:

1. All autofilled fields should be highlighted (including expiry date dropdowns).
2. Expiry Date dropdowns should be reset to default value upon Clear Form.

Actual Results:

1. Expiry date fields are not highlighted with the autofill specific yellow color.
2. Expiry Date dropdowns are not reset upon Clear Form.

Notes:

Severity: S4 for the yellow highlight, although it would be nice if we could also reset the dropdown field (we manage to do this on some sites).
Regression range: not a recent regression.

Comment 1

[Alin Ilea, Desktop QA]

Attachment: 2022-02-02_15h10_01.mp4

Hi,
I just re-tested both issues described, in the latest Nightly DE build 98.0a1 (2022-02-01). The expiry date dropdowns are still not highlighted but are successfully cleared using the clear form option. So the issue number 1 from the initial description is still reproducible, the issue number 2 no longer occurs.

Comment 2

[Tim Giles [:tgiles]]

Attachment: image.png

Website styling overwrites the user agent autofill styles. However, even if we set a higher priority on background-image, there's still the issue of background-repeat and background-origin causing the highlight to not take up the entire container.