search

flutter-stripe / flutter_stripe

Flutter SDK for Stripe.
https://pub.dev/packages/flutter_stripe
958 stars 528 forks source link

Card Element shown in Flutter Web, but does not accept input #1995

Open tbecker opened 5 days ago

tbecker commented 5 days ago

Describe the bug In Flutter WEB Card element field do not accept input Network traffic shows hcaptcha error

To Reproduce Copy of an existing and working stripe card element approach from the flutter stripe example. Ensure that it works (Accepts payments, fields are working)

Copy the files to a new application. The card element is shown, but the fields cannot be selected and each field does not accept input in any of the three fields card number, valid through or CVC. The network traffic shows an error with hcaptcha

Expected behavior The fields should work, should be selected and accept input.

Smartphone / tablet

Additional context This is the error message from Chrome - not in the original application, only in the new (copied) application

Cookies with the SameSite=None; Secure and not Partitioned attributes that operate in cross-site contexts are third-party cookies. Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.

2 cookies Name Domain & Path m m.stripe.com/ __cflb api2.hcaptcha.com/

JulianSwales commented 2 days ago

I have the same issue.. I discovered it when upgrading a working app to the latest versions of flutter and stripe.. I then recreated the problem in a sample app. I have a sample app running here demonstrating the issue: https://test-apps-fl.web.app/ The code for this app is available here: https://github.com/JulianSwales/invoice_page_test_1 This code works perfectly on iOS but not Web.