Stripe card expiry year select on iOS

[Andrew Shankie]

Hi Stephen,

I think I’ve found a bug – when using the Stripe payment gateway, if you select the credit card expiry year field, it seems to switch focus back to the month field, meaning that it’s impossible to complete your card details on iOS. I don’t immediately know what might be causing this as I don’t see anything in the Stripe JS about this.

Also, a minor typo that I discovered (though it’s not causing me any issues): on line 55 of eventorganiser-stripe-init.js, there’s an additional ‘e’ in the class name, i.e. .eeo-booking-form…

Cheers,

Andrew

[Andrew Shankie]

Hi Stephen,

Quick follow-up: you can get the device to keep focus on expiry-year if you use iOS’s ‘next field’ navigation buttons, but it loses focus if you tap on the <select> directly. Very queer.

I’m doing a bit more investigation myself.

All the best,

Andrew

[Andrew Shankie]

This stackoverflow post might be on to the problem, but the suggest solution appears to not work in iOS 7

http://stackoverflow.com/questions/9560259/ios-javascript-selectoption-not-populating-list-when-tapping-next

• This reply was modified 10 years, 7 months ago by  Andrew Shankie.

[Stephen Harris]

Hi Andrew,

There’s a bug in the mark-up. The month/year input fields have been accidentally wrapped in the same the <label>, Simply adding </label><label>, should fix the issue. I’ll release an update shortly, but in case you want to make the corrections yourself, you can edit class-eo-stripe-payment-gateway.php around line 254 (which is inside the payment_form() method).

[Andrew Shankie]

Hi Stephen,

That did the trick. Great, thanks for the prompt reply.

Andrew

[Andrew Shankie]

Hi Stephen,

Is this bug sorted in the latest version of the Stripe plugin? It looks like it’s still there as far as I can tell – but I’m not 100% sure.

Cheers,

Andrew

[Author]

Posts