The issue can be verified with browser cache disabled (Test Case is: new initial donation from client) and throttling using either Chrome Developer Throttling Tools (Slow 3G and sometimes Fast 3G as well) or third party software (NetLimiter with download settings set 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> Clicking the button results 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 and need a fix for this as quickly as possible as it is affecting our users tremendously!
Thank you,
