CSS setting z-index can cause whole page to be inaccessible under an empty div

Ah, I didn't read the original bug comments closely enough. This only ever applied to jQuery UI 1.10 - the .ui-front class is not part of the 1.8.7 output.

In any case, I made it more specific to what seems to be the relevant div, and that resolved the issue.

/**
 * Deal with shortcuts bar/navbar and other similar toolbars.
 */
.ui-dialog.ui-front {
  z-index: 1000 !important;
}

#2 resolved the overlay issue with latest jQuery UI 1.13.2. With new jQuery UI the Modal is now draggable and not centered, but usable certainly.

Thanks Brad

The last submitted patch, 2: references_dialog-z-index-fix-3351953-1.patch, failed testing. View results →