Closed Bug 1401164 Opened 7 years ago Closed 2 years ago

[Form Autofill] Name on Card does not trigger credit card autofill and expiry date is auto-filled wrong on groupon.com

Categories

(Web Compatibility :: Site Reports, defect, P3)

defect

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: Gabi, Unassigned)

References

(Blocks 1 open bug, )

Details

(Keywords: webcompat:needs-contact, Whiteboard: [form autofill][needsdiagnosis])

Attachments

(1 file)

Attached image grouponautofill.png
[Note]:
- Have at least one credit card profile saved under Preferences

[Affected versions]:
- 57.0a1 latest

[Affected platforms]:
- Windows 10 x64, Ubuntu 16.04 and MacOS 10.12.6

[Steps to reproduce]:
1. Launch Fx and go to groupon.com
2. Login with a valid account
3. Click to buy a deal
4. Proceed to the checkout page
5. Double click on Name on card field
6. Double click on Card number field 
7. Select credit card profile from autofill options
8. Observe the expiry date

[Expected result]:
- Name on card and credit number fields should trigger autofill option

[Actual result]:
- Name on Card field does not trigger autofill option
- Expiry date is autofilled in year/month format which trows "This card is expired" error

[Regression range]:
-Not Regression

[Additional notes]:
-
After investigating groupon.com, this issue is related to cc-name and cc-exp
1. cc-name - In their HTML, the card name field is `<input autocomplete="billing name">`, so autofilling feature recognized it as the name of the address profile rather than credit card one. It looks like a web-compat issue.

2. cc-exp - Based on the spec of cc-exp[1], the value of cc-exp field is defined as "Valid month string" e.g. 2014-12. I did not see any pattern related attribute (e.g. placeholder, pattern) in the input for us to predict the format.

[1] https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete-cc-exp
[2] https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-month-string
FWIW, Chrome fills "mm/yyyy" into "cc-exp" fields by default. Though I think we should follow the spec especially when the website uses @autocomplete explicitly and doesn't give any clue to the expected format.
According to comment 1, this bug could be fixed from website itself.
Component: Form Manager → Desktop
Product: Toolkit → Tech Evangelism
Priority: P2 → P3
@Gabi, is this still reproducible?
Flags: needinfo?(gasofie)
Issue is reproducible with the latest Nightly 62.0a1.
Flags: needinfo?(gasofie)
Whiteboard: [form autofill] → [form autofill][needsdiagnosis]
Product: Tech Evangelism → Web Compatibility

See bug 1547409. Moving webcompat whiteboard tags to keywords.

The Save credit card details option is not available on my part using the latest build of Firefox Nightly. Following the instructions from here: https://support.mozilla.org/en-US/kb/credit-card-autofill, the option is N/A. However, in order to trigger the autofill option when using a payment method, a previous purchase should be made. We do not own a valid credit card credential.

Karl, anything we can do here? Also, does this seem like a candidate for webcompat?

Tested with:

Browser / Version: F Firefox Nightly 101.0a1 (2022-04-05) (64-bit)
Operating System: Windows 10 PRO x64
Operating System: Mac OSX 10.15.6

Flags: needinfo?(kdubost)

Yes probably not a webcompat issue per se.

Status: NEW → RESOLVED
Closed: 2 years ago
Flags: needinfo?(kdubost)
Resolution: --- → WONTFIX

Thank you Karl for the clarifications.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: