Bug report

Doesnt work if button inside a form element.

Describe the bug

If you are designing your own shopping cart page you are probably using an existing layout. This is an excellent example however if you have your button and quantity within a form element then when you click the button it just blips.

This may seem obvious not sure it's a bug but it needs to be stated in the documentation to save people wasting time.

To Reproduce

Place the payment button inside form element

Expected behavior

I get the payment page

Thanks.

Bug report

This page is incorrect out of date. https://stripe.com/docs/payments/checkout/shipping

Describe the bug

shipping_address_collection: {
  allowed_countries: ['US', 'CA'],
},

should be

https://stripe.com/docs/js/checkout/redirect_to_checkout#stripe_checkout_redirect_to_checkout-options-shippingAddressCollection

shippingAddressCollection: {
allowedCountries:

Bug report

Describe the bug

Hello,
I am trying to integrate this sample in a github pages blog, however I am unable to use the prices_id to list the products in test mode. (haven't tried in live mode yet)

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Create products, and add prices in Stripe Dashboard (I have a few price_xyz id now)
2. Enable client only checkout, add publishable key as described.
3. Run this example, on click I get the following error
   IntegrationError: No such plan: 'price_xyz'

I understand the error, however I am unable to make redirectToCheckout use the price api instead of plan, and I am not sure how to get a plan id.

The following is my diff in this repo:

diff --git a/index.html b/index.html
index 632bb71..9676c70 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
             <h1>Recurring Donation</h1>
             <button
               data-checkout-mode="subscription"
-              data-price-id="plan_GU4MXg0k0Uv1S6"
+              data-price-id="price_xyz"
             >
               Donate $20.00 per month
             </button>
@@ -68,7 +68,7 @@

     <script>
       // Replace with your own publishable key: https://dashboard.stripe.com/test/apikeys
-      var PUBLISHABLE_KEY = 'pk_test_Tr8olTkdFnnJVywwhNPHwnHK00HkHV4tnP';
+      var PUBLISHABLE_KEY = 'pk_test_my_key';
       // Replace with the domain you want your users to be redirected back to after payment
       var DOMAIN = location.href.replace(/[^/]*$/, '');

Expected behavior

I expect it to redirect to the client only check out page.

Screenshots

System information

• OS: macOS
• Browser: chrome, safari
• Server environment: NA

Additional context

NA