1688619 - [FR][decathlon.fr] CC autofill dropdown is not displayed for the Cardholder name and Expiry Date field

Status: NEW

(Toolkit :: Form Autofill, defect, P3)

Description

[Timea Cernea [:tbabos][inactive]]

Attachment: decathlon.fr.mov

Affected Versions:

• All latest Firefox versions using force enable (Nightly 86, Beta RC 85.0, Release 84.0.2)

Tested on:

• MacOS 10.15
• Windows 10 x64

Prerequisites:

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

Steps to Reproduce:

1. Launch Firefox
2. Go to and reach the payment form for decathlon.fr
3. Click on each field from the payment form
4. Fill in all field manually and submit the form

Expected Results:

1. Autofill toggle should be displayed for each eligible field
2. CC Save doorhanger should capture all filled in fields (except CVV)

Actual Results:

1. The CC autofill toggle is not displayed for the Cardholder Name and Expiry Date
2. CC save doorhanger captures only the Number field input

Notes:

• Severity: S3 -
• Reproducible on Chrome?: Partially/Yes - Chrome toggles the autofill dropdowns for each field but takes CC number as in a different form from CC Name and Expiry Date. Capture doorhanger is not displayed at all.
• Regression-range: reproducible on all latest versions, this site was never tested before, can look for regression-range if need be

Comment 1

[Tim Giles [:tgiles]]

This is another case of nested forms and nested iframes. The card number form is in its own iframe and its own form. Since it has an autocomplete attribute of "cc-number", it registers as a valid section (since this section has a cc number and an autocomplete attribute). This is why we're able to get the autocomplete dropdown on this field at least.

Since the cc-number field is in an iframe, the form that contains the iframe is unable to see this cc number iframe and doesn't include it in the form's elements. Since there's no cc-number associated with this form that contains the card name and expiry date, this form can never be a valid credit card section and so we won't show the cc autocomplete dropdown.

I'm guessing that because the wrapper form, the one that has the cardholder name and expiry date, can't see the cc-number, that's breaking the CC capture panel from appearing when the form is submitted since there's no cc-number to be saved.

The autofill highlight is also now broken because of the site's inline styling. They use the following style which override our autofill styling:

background-image: none;

This is a direct result of Bug 1687682, switching the filter to a background-color. Getting a consistent highlighting experience will be no simple task.