Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Multiple Drop-in instances may cause PayPal to fail to load

See original GitHub issue

General information

SDK/Library version: 1.9.4 and 1.22.0.
Environment: Sandbox and Production.
Browser and OS: Windows 7 64-bit, Chrome, Version 79.0.3945.130 (Official Build) (64-bit)

Issue description

To reproduce the issue:

Visit https://www.bitarmory.com/bogus
In the DropIn UI, select “Card” for “Choose a way to pay”.
Open DevTools, and type in console: dropin.clearSelectedPaymentMethod(). The dropin variable is a saved instance of the dropinInstance after initialization.
After calling dropin.clearSelectedPaymentMethod() method, the UI does not go back to payment options.
Calling dropin._mainView.toggleAdditionalOptions() works; but this API is undocumented. 😞

The issue is in production and sandbox for versions 1.22.0 latest and 1.9.0.

Issue Analytics

State:
Created 4 years ago
Comments:12 (7 by maintainers)

Top GitHub Comments

1reaction

crookedneighborcommented, Jan 13, 2021

This is now fixed in v1.26.0

1reaction

crookedneighborcommented, Jan 6, 2021

Yeah, I think I know exactly what the issue is. https://github.com/braintree/braintree-web-drop-in/blob/d58211e523545aab6c314bf0a9d10e23b2bec4f4/src/views/payment-sheet-views/base-paypal-view.js#L93

The button selector variable here needs to be more specific to each instance, which should be doable.

Top Results From Across the Web

Setup and Integration | JavaScript - PayPal Developer

To get started, you will need client authorization, a container where Drop-in will appear, and a button. When loaded, the UI will appear...

Customization | JavaScript - Braintree Developer Documentation

This is useful when the transaction fails and you want to show an error message that prompts the customer to select a different...

Client-Side Implementation | JavaScript - Braintree Developer ...

Google Pay cards can be tokenized in one of two ways: A non-network tokenized card is a standard credit card. Access to the...

Client-Side Implementation | JavaScript - PayPal Developer

By default, the client-id will be the merchant's PayPal Client ID for the current environment (sandbox or production). The other config options depend...

reasons your-payment-may-not-be-going-through - PayPal

We'll use cookies to improve and customize your experience if you continue to browse. Is it OK if we also use cookies to...