Jason Grigsby:
I recently found myself racing to fill out Chipotle’s online order form before my mother could find her credit card. In the process, I discovered a bug that could cost Chipotle $4.4 million annually.
The form didn’t play nice with autocomplete and therefore would not get sent …
The culprit? A JS library which enforced a 2-digit pattern on the card details’ year
field, thus truncating the autocompleted value (2023
→ 20
).
The solution? The pattern
attribute, which the autocomplete feature can detect, thus passing in a correctly shortened valued (2023
→ 23
)
An HTML attribute potentially worth $4.4M to Chipotle →
⚡️ Again: Don’t try to be smart with forms and choose the technology with least power … embrace the platform.