14

I've built an app which uses stripes checkout html form element. It appears to work well on Android(cordova) and browser.

On ios cordova the popups dim effect happens for 5secs and then it goes back to normal (no popup opened) and on safari the checkout form opens on a different tab instead of being a popup.

Also the form is custom but even the basic form doesn't work.

Please help!

user121032
  • 161
  • 6
  • 2
    Do you have any error in console ? – Hassan ALi Aug 30 '16 at 16:53
  • 2
    It's actually expected behavior for the pop-up to appear in a separate tab; as mobile devices work against pop-ups rather aggressively (much more so than desktop browsers). If you're trying to make it show up on the same page, that could be why it's not working. Let it open in a tab and that should behave as you would expect. – andrewnelder Aug 30 '16 at 18:15
  • Running into the same issue here, it worked in Cordova ios 3.9.2 as a popup. Seems to have been broken in 4.0.0 – Amrit Kahlon Oct 27 '16 at 09:13
  • Are you able to open any simple popups other than stripes checkout ? – bhantol Nov 21 '16 at 22:01
  • I had the same problem running a Telerik hybrid app under cordova iOS 4.0. I switched back to 3.8 and now it's working again. – Corgalore Mar 12 '17 at 22:27

3 Answers3

5

I have been having the same issue on ios. Needed to add two lines to the config.xml

<access origin="*" /> <allow-navigation href="https://*.stripe.com/*" />

http://checkcoding.com/q/32610/javascript-ios-cordova-stripe-payments-using-stripe-checkout-with-cordova-ios-4-0-0

Debmalya
  • 51
  • 1
  • 2
0

I had the same error, I solved this by adding this line to the "mobile-config.js" file :

  App.accessRule('https://*.stripe.com/*', { type: 'navigation' });
colomer7
  • 33
  • 2
  • 4
0

I had to add these two in config.xml:

    <allow-navigation href="https://*.stripe.com/*" />
    <allow-navigation href="https://*.stripe.network/*" />
Daniel Birowsky Popeski
  • 8,752
  • 12
  • 60
  • 125