Formatting does not work in default Android browser

[onelifemedia]

While using the default browser on android, it seems that the formatting doesn't work.

Example: The card formatting does not add spaces on every 4th digit. The expiry formatting does not add a slash.

Using Android v4.4.4, with Internet v2.0.341100600.122953

[iceman3000]

+1
Can't make sense of the code to fix myself, anyone have any ideas?

[bendrucker]

I'm going to be working on adding formatting to angular-credit-cards today.

I don't have an Android device to test on but I'll be running a thorough end to end suite on Sauce Labs using Protractor.

[onelifemedia]

Gah! The one day that I'm away from my desk.

I created a work around. I'll send a message if I remember what I did

[bendrucker]

Sure! Input masking/formatting is super tricky. Even Stripe Checkout with a bunch of talented engineers and a ton of users has easily reproducible bugs in production 😄!

[bendrucker]

Give angular-credit-cards 2.3 a shot. I've added formatting that does a reasonably good job of getting the cursor position right without breaking out of Angular's native input handling events. It's quite consistent and simple for now which I think is best until I can really devote the time to aggressive cross-browser testing of a vanilla JS approach.

[minkdawg]

I've just implemented angular payments with stripe.js on my site.. Works good on desktop browser and iphone however on android the payment fields are not validating the user input.

On android there is no input restrictions on the credit card or cvc field, the the biggest problem is the "/" is not automatically added to the expiry date field. Had a customer type in "1619" and wondering why the pay button is still disabled..

the website is http://babykoa.la