Overlay hiding not working when using both AjaxStart and custom svg file

How to reproduce:

1. As mentioned in the docs, set the Ajax requests to trigger the loadingOverlay

$(document).ajaxStart(function(){
    $.LoadingOverlay("show");
});
$(document).ajaxStop(function(){
    $.LoadingOverlay("hide");
});

1. Then in a custom jquery/javascript function, for example in my case on a button click, trigger the loadingOverlay

$.LoadingOverlay("show"); 

1. When the request ends and you want to close the overlay, simply call:

$.LoadingOverlay("hide");

Expected behavior: Close the overlay Observed behavior: The overlay is not hidden correctly

In fact, the problem is that 2 instances of the overlay are created. One for custom request which creates a new overlay, which is fine as we call the $.LoadingOverlay("show");, and another one caused by the AjaxStart event, triggered by the SVG file element.load() call

[gasparesganga]

That turned out to be an easier fix than expected. jQuery’s parameter global for Ajax method came in handy. I will release the patched version in a few minutes.

[lvmajor]

Glad I could help a bit 😃 Thanks for the quick patch!