1903059 - [JP][otakumode.com] The autofill is not working for the CC Name field and only the CC Number is captured and saved via CC capture doorhanger

Status: NEW

(Toolkit :: Form Autofill, task, P3)

Description

[Alin Ilea, Desktop Test Engineering]

Attachment: 2024-06-17_16h42_46.mp4

Found in

• 129.0a1 (2024-06-17)

Affected versions
N/A

Tested platforms

• Affected platforms: Windows 10, macOS 12, Ubuntu 20

Preconditions

• browser.search.region US
• Have at least one CC already saved

Steps to reproduce

1. Reach the payment form on https://otakumode.com.
2. Click on the CC Name field.
3. Click on the CC number field and select an entry from the autocomplete dropdown.
4. Click on the expiry date field .
5. Click on the CC number field and choose to clear form.
6. Manually fill in all the fields and click submit.

Expected result

1. The CC autocomplete dropdown should be displayed for all the CC eligible fields. Also all the CC fields should be autofilled .
2. The CC clear form dropdown should be displayed for all the autofilled fields.
3. CC number and CC Name should be captured in the CC capture doorhanger and saved along with the CC expiry date.

Actual result

1. The CC autocomplete dropdown is not displayed for the CC Name field and it is also not autofilled.
2. The CC clear form dropdown is displayed only for the field that triggered the autofill.
3. Only the CC Number is captured in the CC doorhanger and saved (See comment 1).

Regression range

• Not a recent regression.

Additional notes
The CC Name field is working in Chrome, the CC autocomplete dropdown is displayed and the field is autofilled, but the CC clear form dropdown is not displayed for CC Number nor for expiry date fields.
Let me know if separate bugs are needed for the issues described above.

• Fathom Fox Sample

Comment 1

[Alin Ilea, Desktop Test Engineering]

Attachment: 2024-06-17_16h48_02.mp4

Comment 2

[Ina Popescu, Desktop QA]

Attachment: otakumode_Field Info.png

As requested by the engineering team, I've retested this in the latest Nightly 132.0a1 on Windows 10 x64:

• The Card Number and Expiry Date fields are being previewed, autofilled and cleared out together
• The Cardholder Name field is being previewed, autofilled and cleared out individually
• After Form Clearance, the Cardholder Name and Expiry Date fields remain highlighted

The 'Name on Card' field is situated on the main page, and not inside an iframe, unlike the 'Card Number' and 'Expiry Date' fields(which are located within same-origin iframes).

Setting the pref extensions.formautofill.heuristics.autofillSameOriginWithTop to true resolves most of these issues:

• After Form Clearance, the Cardholder Name and Expiry Date fields remain highlighted

Please find attached the Field Info section details from about:autofill.

Comment 3

[Ina Popescu, Desktop QA]

Regarding the credit card capture doorhanger issue, the doorhanger did not always appear when I submitted the form with new details or refreshed the page. On some occasions, the doorhanger was displayed, and both the credit card number and Cardholder Name were captured, but the card was not stored. I'll include a screen recording if I can consistently reproduce this issue under specific conditions.