Here is the issue…
If there is a click on the screen then Fastspring is looking for the attribute ‘role’ and putting a display none on it.
I’m pretty sure that’s not correct. Looking at a generic attribute of ‘role’ and attaching a display none on click is the CONFLICT. Please update the code as role is just too generic of an attribute to look for on a Global Click Event Listener.
if(event.target.hasAttribute(‘role’)) {
event.preventDefault();
var modal = event.target.getAttribute(“role”);
event.target.classList.remove(‘show’);
event.target.style.display = ‘none’;
}
document.addEventListener('click', function (event)
{
if (event.target.matches('.fsb-close'))
{
event.preventDefault();
fastspring_closeitall();
return
}
if(event.target.hasAttribute('data-fsc-addthis'))
{
var product = event.target.getAttribute("data-fsc-addthis");
var cart = event.target.getAttribute("data-fsc-cart");
fastspring_addProd(product, cart);
return
}
if(event.target.hasAttribute('data-fsc-opencart'))
{
event.preventDefault();
fastspring_openCart(event.target.getAttribute("data-fsc-opencart"));
return
}
if(event.target.hasAttribute('data-fsc-toggle')) {
event.preventDefault();
var modal = event.target.getAttribute("data-fsc-target");
var element = document.querySelector(modal);
element.classList.add('show');
element.style.display = 'block';
}
<strong>if(event.target.hasAttribute('role')) {
event.preventDefault();
var modal = event.target.getAttribute("role");
event.target.classList.remove('show');
event.target.style.display = 'none';
}</strong>
if(event.target.hasAttribute('data-fsc-dismiss')) {
event.preventDefault();
modal = event.target.getAttribute("data-fsc-dismiss");
var element = document.querySelector("#" + modal);
element.classList.remove('show');
element.style.display = 'none';
}
return
},
false);
Please fix ASAP.
Thank you
Jeff
