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 (
The solution? The
pattern attribute, which the autocomplete feature can detect, thus passing in a correctly shortened valued (
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.