triley on 4.2.0 jqgrid IE dialogs not positioning correctly

Tue, 18 Oct 2011 22:06:33 +0300

I just downloaded jqgrid 4.2.0. I had a problem with previous versions of the grid where the overlay dialogs (from add, edit, delete, etc.) did not work in IE correctly (they actually push the grid out of view and display the dialog which gives the illusion that they are not overlaying the grid). I applied a patch that I had in previous versions but hoped this would have been taken care of in the new version.

The fix is to edit the new jquery.jqGrid.min.js file and go to line 396 and change the following section of code

From this:

var h=b("<div></div>").css({height:"100%",width:"100%",position:"absolute",left:
0,top:0,"z-index":g-1,opacity:d.overlay/100});

To This:

if($.browser.msie) var h=b("<div></div>").css({height:"100%",width:"100%",position:"absolute",left:0,top:0,"z-index":g-1,opacity:d.overlay/100});
else var h=b("<div></div>").css({height:"100%",width:"100%",position:"fixed",left:0,top:0,"z-index":g-1,opacity:d.overlay/100});

You can't just change "fixed" to "absolute" as it breaks it for other browsers

jQuery Grid Plugin - jqGrid - Topic: 4.2.0 jqgrid IE dialogs not positioning correctly

triley on 4.2.0 jqgrid IE dialogs not positioning correctly