Issue 234: Modal Window showing up behind portlet in IE 7
Status:  Fixed
Owner: ----
Closed:  Jul 2009
Reported by n8cs...@gmail.com, May 5, 2009
What steps will reproduce the problem?
1. Deploy portlet using the library to Vignette
2. Use IE 7 to click on a link that opens a modal dialog
3. Note that the modal opens behind the portlet

What is the expected output? What do you see instead?
Modal opens behind the portlet instead of in front of it.

What version of the product are you using? On what operating system?
Windows XP. IE 7. The modal works fine in Firefox and Chrome.

Please provide any additional information below.
Here is how I am opening the modal window:

setCurrentModelId(jQuery(this).attr("id"));

var params = "id="+getCurrentModelId()+"&summary=summary";

jQuery.nyroModalManual({
		url: "data_modelDetails.html",
		ajax: {data: params, type: 'post'},
		width: 750,
		height: 350,
		minWidth: 400,
		minHeight: 300,
		resizeable: true,
		autoSizeable: true
});

I have a feeling that this has something to do with a z-index, but I am
unsure as to where to change that. I also thought it may have something to
do with the bug in IE 7 where it reports itself as IE 6, so I put in the
following fix found in another issue here:

var isIE6 = (/msie/.test(userAgent) && !/opera/.test(userAgent) &&
parseInt(browserVersion) < 7 && !window.XMLHttpRequest);

However, it made no difference.

I appreciate any help you can provide. We otherwise love the library! It is
the only modal library we found that allows us to do an ajax post, which is
required by the service we are calling.

May 14, 2009
Project Member #1 nyro...@gmail.com
I think this problem it's kind of the same when flash is showing over some html elements.
I'm not aware of any fix.

The solution would probably to hide all your java servlet before showing the modal,
and showing them again once the modal is closed.
May 14, 2009
Project Member #2 nyro...@gmail.com
 Issue 176  has been merged into this issue.
May 14, 2009
#3 n8cs...@gmail.com
Yes, that is what I ended up doing. I am hiding the outermost content div when I show
the modal and showing it again when the modal closes. It works, but is a little
hacky. Hopefully this issue will go away with IE 8.
May 14, 2009
#4 n8cs...@gmail.com
Just found this and thought it may be helpful in dealing with the issue.

http://commonmanrants.blogspot.com/2008/11/fancybox-jquery-and-z-index.html
Jul 9, 2009
Project Member #5 nyro...@gmail.com
I think the solution would be to hide all portlet elements just before the background
is shown.
To do so, you could use the processHandler callback.

Then, you'll show it again with the endRemove callback.

As portlet isn't using in many website, I won't include this in nyroModal.

If you need more information or a code snippet, please let me know.
Status: Fixed