Stripe payment popup in mobile device
<p>I'am using <code>Stripe</code> payment in my website.</p>

<p><strong>Process</strong></p>

<p>When clicking on the <code>checkout button</code> i'am sending a <code>Ajax</code> request (at the server end i'am doing some DB transaction which should be run before the payment happens) and then show the popup on ajax success. Its working perfectly on chrome and other desktop browsers.</p>

<p><strong>But</strong> Its not working on <code>mobile browsers</code> (popup block issue happens).</p>

<p>I know i can solve this by opening the popup just after the click without waiting to ajax success as in this <a href="https://stripe.com/docs/checkout#integration-more-runloop" rel="nofollow">Stripe doc</a></p>

<p>But in my case i need to wait until i get the response from the server</p>

<p>How do i fix this Or is there anything that I can handle my case? Thanks.</p>