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

[Bug] React-JS Paypal Button Isn't Working in Production for iOS 17 Safari #540

Open
devwilliamy opened this issue Jul 17, 2024 · 9 comments

Comments

@devwilliamy
Copy link

devwilliamy commented Jul 17, 2024

Library used

react-paypal-js

🐞 Describe the Bug

I'm using the PayPalButtons from the @paypal/react-paypal-js package.

Not sure when it stopped working but it's not working on the latest iOS version (17.5.1).

Previously my package version was 8.1, but I upgraded it to 8.5 (latest at the moment).

Previously it wouldn't show up on my preview branch, but after upgrading the package, it showed up in my preview branch.

However when I promoted my preview to production, the Paypal button still wasn't showing.

This is only on iOS Safari -- I've tried simulator, MacOS Safari, Chrome, etc but the button would show there.

I've also tried clearing cache, restarting Safari, and going private browsing

🔬 Minimal Reproduction

Note: Must be on iOS 17.5, Safari browser

  1. Go to https://coverland.com/
  2. Select options from drop down
  3. Hit Go
  4. Scroll down, hit Add To Cart
  5. Go to checkout
  6. Fill out shipping and continue to Payment
  7. Click on Paypal
  8. Click on Order Review
  9. Paypal should be at the bottom

😕 Actual Behavior

Paypal buttons are not showing at the bottom

🤔 Expected Behavior

Paypal buttons show at the bottom

🌍 Environment

  • Node.js/npm: - v21.6.2 / 10.2.4
  • OS: - iOS 17.5.1
  • Browser: - Safari

➕ Additional Context

This is how it should look at the bottom.

image

@praveencoderji
Copy link

praveencoderji commented Aug 9, 2024

Me also facing same issue, our customer reported this issue in some devices but when i trying same ios 17.5.1 iphone not seeing the issue but some customer always seeing this issue

@devwilliamy
Copy link
Author

@praveencoderji What version is your package on?

Try to update your react-paypal-js, that worked for me

@praveencoderji
Copy link

I am using latest version of paypal

@KthProg
Copy link

KthProg commented Aug 15, 2024

Perhaps it's related to this issue?
#461

@agregg02
Copy link

agregg02 commented Sep 5, 2024

Same issue. ~1% of users. Only in Safari iOS. I am unable to recreate the issue. Using latest version of Paypal. Has anyone found a solution?

@devwilliamy
Copy link
Author

@praveencoderji @agregg02 do you happen to know what the iOS version was for the ones where it wouldn't show up?

@agregg02
Copy link

agregg02 commented Sep 5, 2024

@devwilliamy Not consistent but I just checked with one of my close customers who experienced the issue yesterday on 17.6.1. Thanks for your help!

Copy link
Contributor

github-actions bot commented Dec 5, 2024

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

@github-actions github-actions bot added the Stale label Dec 5, 2024
@AndriusTelesoftas
Copy link

bump

@github-actions github-actions bot removed the Stale label Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants