<div class = "drupal-stripe-element"></div> does not get populated on specific browsers

Created on 27 June 2024, 6 months ago

Problem/Motivation

I noticed while testing a webform with the "Stripe Payment Gateway" activated that at checkout the Brave Browser, Firefox Browser, Mobile Safari PWA In-App Browser do not populate this element. I've gone through all of the settings on the Brave Browser, and Firefox...Mobile Safari works otherwise, just not witihin the PWA environment.

I can confirm that the element works as expected for Chrome (Desktop/Mobile), Microsoft Edge, Safari (Desktop/Mobile), and Samsung Internet.

Stripe is returning a payment intent on these problem browsers, but the "drupal-stripe-element" element is empty. Even when I superimpose the contents from a browser where the element is populated into the empty element on these problem browsers - the "pay with link" payment button still doesn't appear. Console.log is complaining about "data-drupal-stripe-trigger" in this instance.

Steps to reproduce

Create a webform, include the "Stripe Payment Gateway" element. Designate an element to be used for Amount ([webform_submission:values:total_stripe:raw]). Run on abovementioned browsers to observe differences.

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

2.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024