dialog not working on 1.10.0

dialog not working on 1.10.0

I have a problem with a dialog and I have had to roll back to 1.9.2.   The dialog box shows however it is covered with grey which has the same Z order as the dialog itself.  (I force z-order 100 and grey box was 100,  then z order101 and it was 101.)

I can type and tab between fields however I cannot click to select the input box on the dialog itself.   The problem varies slightly with AutoOpen true/false.  Without autoOpen the greying out covers the entire screen and when I scroll it is only partially obscured.

I have added the noOverlayDialog option, I also tried to call movetotop and this had no effect.

Can anyone see a problem with my code,  note this works OK in 1.9.2.


  1.     var dlg = jQuery('#dialogUpdateContact');
  2.     if(dlg) {
  3.      jQuery('#dialogUpdateConfirmSuccess').dialog({
  4.      moveToTop: true,
  5.      bgiframe: true,
  6.      dialogClass: "noOverlayDialog",
  7.      autoOpen: false,
  8.      modal: true,
  9.      closeOnEscape: false,
  10.      open: function (event, ui) {
  11.      $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
  12.      },
  13.      buttons: {
  14.      Ok: function () {
  15.      $(this).dialog('close');
  16.      $('#dialogUpdateContact').dialog('close').dialog('destroy');
  17.      $('.ui-effects-wrapper').remove();
  18.      return false;
  19.      }
  20.      }
  21.      });
  22.      jQuery('#dialogUpdateConfirmFailed').dialog({
  23.      moveToTop: true,
  24.      dialogClass: "noOverlayDialog",
  25.      bgiframe: true,
  26.      autoOpen: false,
  27.      modal: true,
  28.      closeOnEscape: false,
  29.      open: function (event, ui) {
  30.      $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
  31.      },
  32.      buttons: {
  33.      Ok: function () {
  34.      $(this).dialog('close');
  35.      $('#dialogUpdateContact').dialog('close').dialog('destroy');
  36.      $('.ui-effects-wrapper').remove();
  37.      }
  38.      }
  39.      });
  40.      dlg.dialog({
  41.      bgiframe: true,
  42.      autoOpen: false,
  43.      width: 850,
  44.      closeOnEscape: false,
  45.      open: function (event, ui) {
  46.      $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
  47.      },
  48.      modal: true,
  49.      show: 'clip'
  50.      }).parent().appendTo($('form:first'));
  51.      dlg.dialog('open');
  52.      dlg.dialog('moveToTop');
  53.     }