Empty popup box shows up randomly and seems it's from jQuery UI dialog-CodePudding

The

CodePudding user response：

This will repeat every 0.1 of a second and will search for a class ui-dialog and will remove it.

setInterval({ document.querySelector(".ui-dialog").remove(); }, 100);

Try this.

CodePudding user response：

Putting the promising approach to find the originating code, which was discussed in comments, as an answer to document it.
First suggestion was to deploy non minified code along with non minified jqueryui and use Developer tools in browser. Set breakpoint in one of the jqueryUI's dialog creation function, like _create: function() or _init methods. And see which one gets hit before the blank dialog is shown. And see the call stack and go down the stack till we reach the application code.

As the issue happens spontaneously it was decided to log the stack trace from JqueryUI library. We can modify the jqueryUI library. Instead of using CDN, download the appropriate version of non minified jqueryUI. Then inside the js file, find widget ui.dialog. And put console.trace(); statement in _create: function(). OR whichever function gets called first. I don't know which one but we can write a small code and find out.

To figure out which version of the library is being used, in browser open developer tools on your application page. In element tabs do ctrl f then search for jquery-ui. You'll find a tag with the js link. i.stack.imgur.com/fEb3P.png