The current version of drop-in hangs at loading

[braintree]

The current version of drop-in hangs at loading

[lilaconlee]

This is likely because you are using a locally built version of Drop-in JS, but the CSS included on your page is our hosted CSS from version 1.0.0-beta.6. If you’re building Drop-in yourself, you will need to include the built stylesheet with a braintree-dropin-stylesheet id on your page to overwrite the hosted version. This might look like:

<link rel="stylesheet" type="text/css" href="/path/to/custom/dropin.css" id="braintree-dropin-stylesheet">

This being said, while we try our best to keep master fully functional, we do not guarantee that will always be the case and recommend using an official release.

[juongithub]

Sorry, but your suggestion does not solve the problem...

[crookedneighbor]

@juongithub Are you getting any console errors?

[juongithub]

No error on the console:

1. <link rel="stylesheet" type="text/css" href="css/dropin.css" id="braintree-dropin-stylesheet"><script src="js/dropin.js"></script> => hangs
2. <script src="js/dropin.js"></script> => hangs
3. <link rel="stylesheet" type="text/css" href="css/dropin.css" id="braintree-dropin-stylesheet">
<script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.6/js/dropin.min.js"></script> => does not hang
4. <script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.6/js/dropin.min.js"></script> => does not hang
5. <link src="css/dropin.css" id="braintree-dropin-stylesheet"><script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.6/js/dropin.min.js"></script> => hangs without showing any throbber
6. <link src="https://assets.braintreegateway.com/web/dropin/1.0.0-beta.6/css/dropin.min.css" id="braintree-dropin-stylesheet">
<script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.6/js/dropin.min.js"></script>  => hangs without showing any throbber

[crookedneighbor]

@juongithub So far we have not been able to reproduce it. Can you provide us with a staging site or a Github repo that reproduces the issue?

[crookedneighbor]

Feel free to email [email protected] if you do not want to post information about a staging site here.

[juongithub]

I finally managed to solve this issue... Actually, the problem was caused by concomitant problems:

1. the current version of CSS is not compatible with the unreleased dropin: the current dropin (i.e., https://js.braintreegateway.com/web/dropin/1.0.0-beta.6/js/dropin.min.js) loads correctly only when using the current CSS (i.e., https://assets.braintreegateway.com/web/dropin/1.0.0-beta.6/css/dropin.min.css).

2. I had an old version of main.scss in my repository: this caused the failing of other combinations.

[crookedneighbor]

Correct. If you are using the master build, you must use the master css for it to work. Closing this.