@brisk kite pressed the π€¨ Unexpected button in https://discord.com/channels/841573134531821608/842637025524842496 to ask a question:
What did you expect to happen?
Hey! We have an integration that uses the Stripe Payment Element in the "subscription" mode to collect user's payment information and create a subscription.
We expect the Payment Element to be rendered, but for a specific connected account, it doesn't work.
The integration works well for all our connected account, except this one.
What actually happened?
The Payment Element sent the "ready" event and an iframe with empty divs was rendered.
The connected account has no restrictions on Stripe side. Product and Prices are correctly set up. We don't get any specific error, so it has been hard to debug this one.
Reproduction Steps
Here are the simplified steps from our code:
const options = {
mode: 'subscription',
amount: amount,
currency: 'usd'
}
this.elements = this.stripe.elements(options)
this.paymentElement = this.elements.create('payment')
this.paymentElement.mount('#payment-element')
Question
Any insights on what can be going wrong? Here is the iframe body (cropped a bit):
<body><div id="root"><div class="p-PaymentElement de7zKgf4__p-Root p-Locale-en p-Animatable p-LTR"><div class="p-HeightObserverProvider"><div class="p-HeightObserverProvider-container"><div class="FadeWrapper"><div class="Fade"><div class="Fade-item"></div></div></div></div><div class=
What are you working on?
We're working on a checkout page where end-users can purchase our customer's subscriptions.