| Issue 234: | Modal Window showing up behind portlet in IE 7 | |
| 3 people starred this issue and may be notified of changes. | Back to list |
|
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
May 14, 2009
Issue 176 has been merged into this issue.
May 14, 2009
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
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
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
|
||||||||