javascript - Stripe: HTML Checkout iOS Cordova wont open - Stack Overflow

admin管理员组

文章数量:1334330

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!

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!

• javascript
• jquery
• ios
• cordova
• stripe-payments

Share Improve this question Follow asked Aug 30, 2016 at 13:08 user121032user121032 16166 bronze badges 5

• 2 Do you have any error in console ? – Hassan ALi Commented Aug 30, 2016 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 Commented Aug 30, 2016 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 Commented Oct 27, 2016 at 9:13
• Are you able to open any simple popups other than stripes checkout ? – bhantol Commented Nov 21, 2016 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 Commented Mar 12, 2017 at 22:27

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 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./*" />

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

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

  App.accessRule('https://*.stripe./*', { type: 'navigation' });

I had to add these two in config.xml:

    <allow-navigation href="https://*.stripe./*" />
    <allow-navigation href="https://*.stripework/*" />

本文标签： javascriptStripe HTML Checkout iOS Cordova wont openStack Overflow