🐛 [BUG] - Unable to place order with official stripe module on mobile devices

[stigmi-man]

Description

With the official Stripe module and the following configuration:

When placing an order on a mobile device, the page refreshes, and we cannot proceed to the next step.

The issue arises because there are two buttons in the templates\checkout\_partials\steps\payment.tpl file:

The Stripe JavaScript code adds an event listener to the first button only, causing the second button to malfunction on mobile devices.

Would it not be cleaner and more efficient to keep only a single button in the payment template? This approach would ensure consistent behavior across all devices and eliminate the issue caused by the presence of multiple buttons.

Node.js version

v14.1.0

php version

v7.4

OS and it's version

Windows

Browsers

Chrome

Required module/theme

theme

Reproduction steps

0. Install and configure the Stripe Official module v3.2.2
   -> Select "Integrated payment form"
      Payment Form Layout : "Accordion without radio buttons"
      Payment Form Position : "With the Prestashop payment methods" 
      Select a theme for the integrated payment form : "Stripe"

On Mobile :
1. Add a product to the cart
2. Process checkout
3. Use a strip payment
4. Click on the "Place order" Button

Logs

No response