Closing modal jQuery dialogs out of order causes error in IE -


as part of dropping support older browsers, updated asp.net app jquery 3.1.1 , jquery ui 1.12.1. after this, noticed getting errors logged console in ie 11.

the error follows:

script5007: unable property '_focustabbable' of undefined or null reference  jquery-ui.js, line 12794 character 7 

i able track problem fact long-running calls (e.g. database query may take 2-3 seconds) open 'please wait' modal dialog. dialog closed after content dialog opened , populated. when content dialog closed, above error occurs.

i able condense issue following jsfiddle: https://jsfiddle.net/qaf1ut4b/8/

what need able have wait dialog open until after content dialog opened , populated? closing wait dialog first solves problem, isn't sufficient content dialog can take long time populate, due large numbers of <option> elements being loaded dom after database query completes.

if ok destroying modals when close them can use this:

$('#wait-dialog').dialog({         autoopen: false,         height: 88,         width: 250,         modal: true,         title: 'please wait',         close: function (event, ui) {             $(this).dialog('destroy');         },         open: function () { }     });  $('#content-dialog').dialog({         autoopen: false,         height: 188,         width: 350,         modal: true,         title: 'i content',         close: function (event, ui) {             $(this).dialog('destroy');         },         open: function () { }     }); 

here fix jsfiddle:
https://jsfiddle.net/qaf1ut4b/9/


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -