First of all thank you for the test case. It is bug

The true fix is:

var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");

if(parentZ) {
      p.zIndex = parseInt(parentZ,10)+2;
} else {
      p.zIndex = 950;
}

We should incremet it by 2 and not by 1 as was.

This is because the overlay have   p.zIndex-1

In your case the overlay z-index is equal to the z-index of the ui-dialog which make the problem.

Also fixed in GitHub.

https://github.com/tonytomov/jqGrid/commit/edba3f2c049cbb2e87e56f516a4432b5af572d03

Thanks again.

Tony

tony said:

Hello,

Did you have try to set higher z-index of the dialog?

It seems you use grid in another modal dialog.

Regards

The dialiog I use isn't modal and it is the only one on the browser window.

I make a minimalist test package u can download from:

http://www.mediafire.com/?f5pn.....74kkcw2z20

Thanks,

Vito

Did you have try to set higher z-index of the dialog?

It seems you use grid in another modal dialog.

Regards

I've a grid in a dialog: the first time the modal search dialog displays well, but i can interact with the dialog below.

The second time the modal search dialog displays below.

I try to modify the createModal code, and all works well. I replace this code

var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");

with

var parentZ = Math.max.apply(null,$.map($('body > *'), function(e,n){

if($(e).css('position')=='absolute')

return parseInt($(e).css('z-index'))||1 ;

})

);

Thanks,

Vito