Doesn't work on Chrome for IOS

[bfleishman]

Love this plugin!

I have a small issue with it though. I have an implementation of this that works successfully on Safari and Chrome on a desktop. However, it doesn't capture any card swipes on Chrome for iOS. I can't tell where it is breaking since there are no developer tools for Chrome for iOS.

Safari on iOS works just fine though. Furthermore, if I use the developer tools on Chrome for Windows, on my desktop, and change my device type to iPAD, it works just fine.

Any idea why this may not be working on Chrome for iOS?

[CarlRaymond]

I'm afraid I don't know what's going on. I don't have an iOS device, so I would have to use a simulator as well. A quick search on Chrome event handling on iOS shows similar problems related to click events (which the plugin doesn't use), so it looks like there are some differences in how events are handled there.

You might try commenting out the .blur() call on line 213, and see if that makes any difference. Also, you could try running the test suite (run a local web server, and open up /test/index.html in a browser. Knowing which tests fail, if any, could help. If everything passes, the first step would be to try to write a test that fails on iOS and works everywhere else, to isolate the specific issue.

The plugin binds to keypress events instead of keyup and keydown, because that seemed more reliable. Possibly it would work with keydown or keyup on iOS.

[CarlRaymond]

Out of curiosity, what card reader are you using with iOS? I didn't think any would work.

[bfleishman]

Thanks for the previous possible workaround. I have yet to try it, but I will and will report my findings.

As far as the reader goes. I actually took a lightning connector to USB cable which Apple makes for connecting a camera to an iOS device, and plugged a USB card scanner Into it. It is a basic keyboard emulator card scanner. And it works perfect!

Do you know of a way to send the collected card data that your plugin grabs over to a processor? Are there cc processors that work that way?

Best Regards,

Brian Fleishman

[CarlRaymond]

I think it's very unlikely that you'll find a processor that will just accept a list of card numbers you collect this way. From what I know of it, the payment card industry (PCI) is very security-conscious (and there are new PCI standards coming into effect now), and your merchant bank will want you to use their software and hardware, and show that you're handling data securely at every step.

The real use case for this plugin isn't credit cards; it's for private-use cards, like employee or student ID cards. As in, you want to reserve a conference room or take attendance by swiping cards. But everyone has credit cards in their pockets, so it will parse them out-of-the-box as a demo.

[zofo264]

It's works in Chrome and IE on my end but I'm getting this error in FireFox: TypeError: tracks[1] is undefined.

[treed593]

@bfleishman I am doing something similar using https://stripe.com/docs/stripe.js Stripe is super easy to use and this plugin works well with them for tokenizing the card then creating the charge. Feel free to reach out to me if you have any questions

[jshow]

sorry to pile on this issue

@treed593 , I'm trying to get this library to work with stripe checkout - can you share any wisdom ? please contact me via the email address on https://github.com/jshow. thanks

[treed593]

@jshow can do, I will actually share some sample code I have with you tonight to that email

[yehudahkay]

HI, have any of you found android or ios scanners that will work with this? thank you