#el-feloe_docs

1 messages · Page 1 of 1 (latest)

fossil hareBOT
#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1346177975242063892

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

dusty quarry
#

Hi 👋

That error is stating that the browser's settings are blocking a pop up window from opening. Stripe launches a pop-up window to perform a necessary 2FA step. Try adjusting the browser setting to allow pop-ups.

sand roost
#

Do you mean I would have to tell every user to modify their pop up settings?

dusty quarry
#

That will be required to complete the onboarding. Your integration should surface that information to the user.

sand roost
#

I mean it works when I run the project on my desktop browser but when I run it through an iOS simulator it gives that error

dusty quarry
#

Safari and iOS do tend to have additional security settings

sand roost
#

Correct it works on Safari desktop as well

dusty quarry
#

Are you attempting to load the component within an <iframe>?

#

This happens in all browsers and for all test users I've created.

But you are saying it does not happen on Desktop versions?

sand roost
#

I am loading it the way stated in the documentation

    this.stripeConnectInstance = loadConnectAndInitialize({
      publishableKey: this.stripePK,
      fetchClientSecret: fetchClientSecret,
    })
    const accountOnboarding = this.stripeConnectInstance.create('account-onboarding')
    const container = document.getElementById('account-management')
    container.appendChild(accountManagement)
dusty quarry
#

And is your implementation somewhere it can be publicly accessed?

#

even in test mode?

sand roost
#

If i run my project and access this view on desktop browsers such as Chrome and Safari, I can click Add Information and login successfully.

When I run my project in an iOS simulator I can see the rendered component but when I click the Add Information button I get that error and it does open up a Safari window but it just shows the loader icon

sand roost
dusty quarry
#

And the error is logged where?

sand roost
#

It is logged to the browser's console

dusty quarry
#

And on the iOS Simulator, what browsers are you using and what iOS versions?

sand roost
#

Safari iOS 17.0.1

dusty quarry
#

Have you tested with Chrome, Firefox, or Brave to see if the behavior is consistent across browsers?

sand roost
#

No. I only have Safari installed on this simulator.

dusty quarry
#

To be clear, I think your best option is to re-open the Github issue you linked to earlier. I would include the following details to help the package maintainers:

  • The exact lines from your <head> section where you specify the CSP rules
  • The code snippet you shared with me
  • That you can complete onboarding with Desktop browsers but not when testing with a mobile browser
  • The browser version and iOS version numbers you are using for your test.
fossil hareBOT
sand roost
#

Ok.