Credit Card input field doesn't play nicely with Chrome's credit card auto fill feature

[JVimes]

Chrome has a secure way to store credit card info and auto-fill it. The input field (under /routes/credit-card) doesn't seem to play nicely with it. When I start typing in the field, I expect Chrome to suggest saved credit cards. In the case of Gratipay, the suggestion doesn't happen unless I type a little and then hit backspace.

[chadwhitacre]

Interesting. Okay, thanks for the report, @JVimes.

[JVimes]

Just FYI, I ran into this a second time today (previous credit card cancelled). I know it's not the highest priority, but should be an easy client side fix ☺️

[mattbk]

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill for future reference.

[chadwhitacre]

Sorry @JVimes. 😕 Do you happen to know what the fix is off-hand?

@mattbk Can you see what the fix is from the link there?

[JVimes]

@whit537, @mattbk I found two things that seem to work, at least in devtools:

• Removing autocomplete="off" from the form. Oddly, this doesn't work on the original form, but does work if I copy/paste the form so there are now two forms, and I edit the new copy.
• Disabling JavaScript fixes it without editing HTML or messing with autocomplete.

[mattbk]

Thanks for digging in, @JVimes. I can't play with this until tonight at the earliest.

[chadwhitacre]

Maybe someone from 24 Pull Requests could pick this one off?

https://twitter.com/Gratipay/status/806918094199230464

[mattbk]

Locally I'm not secure! I'm going to make some changes and see what happens.