Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card is not scrolling #2045

Open
VenkatasaiCogent opened this issue Jan 20, 2025 · 4 comments
Open

Card is not scrolling #2045

VenkatasaiCogent opened this issue Jan 20, 2025 · 4 comments
Labels
Awaiting response Awaiting response from the issuer needs triage Needs triage

Comments

@VenkatasaiCogent
Copy link

Describe the bug
A clear and concise description of what the bug is paymentElement is not scrolling in flutter web.

To Reproduce
Steps to reproduce the behavior:
1.add payment elemenmt in a singlechildscrollview.

Expected behavior
The card should scroll.

Smartphone / tablet

  • Device: web
  • OS: [e.g. iOS 13, Android 10]
  • Package version: [e.g. 1.0.0]
  • Flutter version [e.g. 2.0.0.]

Additional context
Add any other context about the problem here.

@VenkatasaiCogent VenkatasaiCogent added the needs triage Needs triage label Jan 20, 2025
@remonh87
Copy link
Member

remonh87 commented Feb 5, 2025

This is standard Flutter behavior with embedded web frames. The Stripe element is not a Flutter widget. Do you have a usecase where you would want to make it scrollable?

@sanjay-mi
Copy link

Hello @remonh87

I am facing an issue due to paymentElement not scrolling in Mobile browser.

Please have a look at the attached video.

If the keyboard is open and tries to scroll the content by touching PaymentElement view then it showcases the white screen inshort it uses the Browser scroll. If I touch the parent view of PaymentElement and scroll the content then it scrolls properly.

This issue is generated with SingleChildScrollView and ListView too.

StripeFlutterWeb.mp4

@remonh87
Copy link
Member

This is flutter specific behavior and little we can do here. Also the phone resolutions looks extremely small. The element does not scroll because it is a native element that we render in a platform view.

@remonh87 remonh87 added the Awaiting response Awaiting response from the issuer label Feb 27, 2025
@batuhansseckin
Copy link

Same issue, do you have any solutions or suggestions regarding this issue? Specifically, is there a method we can follow to make the PaymentElement component scrollable?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Awaiting response Awaiting response from the issuer needs triage Needs triage
Projects
None yet
Development

No branches or pull requests

4 participants