I'm integrating the RevenueCat Web Billing SDK into my web app, and I'm experiencing an issue where the Stripe checkout iframe does not fully display.
Issue Details:
- When I click "Start Free Trial", the RevenueCat paywall opens as expected.
- After entering my email, the next screen (where Stripe should load the secure checkout UI) only shows the title and a grayed-out "Start Trial" button—but no credit card form appears.
- The Stripe iframe is present in the DOM, but its height remains 2px, and its opacity stays 0. I tried putting height at auto, didn’t change anything.
- (see screenshots below)
What I’ve Tried:
- Verified that the user appears in the RevenueCat dashboard after authentication.
- Ensured that the correct offering and products are configured in RevenueCat.
- Checked browser console logs—no specific errors related to Stripe, but I randomly get 400 Bad Request errors from
https://e.revenue.cat/v1/events. - Confirmed that RevenueCat properly initializes and fetches offerings before triggering the paywall.
- Tried opening the checkout in different browsers and incognito mode.
- Made sure https://js.stripe.com is allowed in the CSP.
Possible Cause?
- Could this be related to third-party cookies being blocked, preventing Stripe from loading?
- Could it be due to RevenueCat events failing (400 errors) and interfering with the paywall flow?
Expected Behavior:
- After entering an email, the Stripe checkout should appear, allowing the user to select a payment method.
Environment Details:
- SDK: RevenueCat Web Billing SDK (not iOS/Android)
- Integration: Web-based app
- Hosting: Bolt.new (a no-code/low-code platform)
- Auth: Supabase authentication
- Frontend Framework: React (with TypeScript)
- Browser Tested: Chrome, Firefox (incognito and regular mode)
- Third-Party Cookies: Confirmed that third-party cookies are enabled
Request for Assistance:
- Are there any known issues with the Stripe iframe not displaying in the Web Billing SDK?
- Could the 400 Bad Request errors from RevenueCat events be interfering with the checkout?
- Any suggestions on how to debug why the Stripe iframe isn’t rendering?
Thank you for your help! 🚀
