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

Status: NEW

(Toolkit :: Form Autofill, defect, P3)

Description

[Alin Ilea, Desktop Test Engineering]

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 Test Engineering]

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] | OOO Jun 4-10]

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.

Comment 3

[Alin Ilea, Desktop Test Engineering]

Attachment: 2025-03-20_15h22_31.png

Re-tested in Nightly 138.0a1(2025-03-20) and the Card Number and Expiry date fields are not highlighted. The Card Name field is located in the main frame, since the Card Number and Expiry date fields are part of a different frame.
Note that the same behavior is present in Chrome as well.

Comment 4

[Alin Ilea, Desktop Test Engineering]

Attachment: inspect-eu.adyen.link.png