It seems that the AcceptUI modal has problems doing initial loading on low bandwidth clients.
The issue can be verified with browser cache disabled (Test Case is: new initial donation from client) and throttling via either:
chrome developer tools throttling (Slow 3G and sometimes Fast 3G as well)
or via third party software (NetLimiter download setting below 100-120 KB/s)
Given the following simple example below and the conditions mentioned above:
<!DOCTYPE html>
<head>
<title>Accept UI test</title>
<script type="text/javascript" src="https://js.authorize.net/v3/AcceptUI.js" charset="utf-8"></script>
<script type="text/javascript">
handler = function(){
console.log(arguments);
}
</script>
</head>
<body>
<div>
<button type="button"
class="AcceptUI"
data-billingAddressOptions='{"show":false}'
data-apiLoginID="{hidden}"
data-clientKey="{hidden}"
data-acceptUIFormBtnTxt="Submit"
data-acceptUIFormHeaderTxt="Card Information"
data-responseHandler="handler">Add Card
</button>
</div>
</body>
By clicking the button the result is always in a popup that has the loading message and no way to close it.
It's basically stuck in loading.
With browser cache enabled the second time the page is refreshed it loads without issues.
With bandwidth download above 120 KB/s there are no issues whatsoever.
I've received several reports of this happening from various users.
Essentially at some point there's a checkout page the user arrives at (which has the accept library) and if it's the first time they are there and they have a slow connection, they will end up with this issue.
Please let me know if I'm missing something or if there's something I can do to prevent this from happening.
