Autofilling Credit Cards Ignores input[type=tel]

I'm building a checkout form and was testing 1Password's Credit Card autofill, but it was only filling in the name. I narrowed it down to the fact that I'm using input[type=tel] for the credit card number, expiration, and verification code. If I change these fields to input[type=text] then 1Password fills them just fine. Would it be possible to get tel inputs to behave similarly to text inputs?

You may be wondering why I'm using tel for things which are clearly not telephone numbers. I'd like to use input[type=number] for the fields, but most browsers interpret that is an integer (i.e., no leading zeros). Obviously credit cards details can have leading zeros and there's no accounting for what a customer chooses to input. The tel input is interesting because it allows leading zeros, but it still brings up the numpad on mobile devices. This way a user has big, fat number buttons to press and can still add leading zeros.

Even though this tel trick is a hack that I would rather avoid, I'd love to see 1Password honor input fields' names/ids/classes regardless of their type.


Thanks,
Adam