[Web] Cannot enter any text into Payment Element on Safari

[BakerSmithA]

Describe the bug
On Safari, attempting to press on input fields of a Payment Element results in the input field getting focus for a very small amount of time, and then focus immediately being taken away. This means the user cannot enter their card number, expiry date, etc.

bug_trimmed.mov

To Reproduce
Steps to reproduce the behavior:

1. Clone this repo and run the example app with flutter run -d chrome
2. Copy the url from Chrome and open in Safari
3. Go to "Web Payment Element"
4. Observe cannot type / select any of the fields

Expected behavior
Same behaviour as on Chrome and Firefox (or on Safari with Flutter 3.27.4) - being able to use the Payment Element.

Smartphone / tablet

• Device: MacBook Pro
• OS: MacOS Sequoia, 15.3 (24D60)
• Package version:
  • flutter_stripe: ^11.4.0
  • flutter_stripe_web: ^6.4.0
• Flutter version:
  • 3.29.0

Additional context
The bug does not occur with Flutter version 3.27.4 (neither with the canvaskit or HTML web renderer).

Thanks for the great package!

[remonh87]

Thanks for reporting I have created a fix for this issue. Awaiting review

[remonh87]

this is fixed now in the main branch. We will ship it to pub dev in the next release