rich:modalPanel not working in IE 8 with 3.1.6 SR1

[fischman_98]

Hi,

I'm using RichFaces 3.1.6 SR1 and the code below (taken directly from the example) is not working.

Is it an IE 8 issue? Obviously, works in Firefox.

Any thoughts? I'll post to jira (or is 3.1.6 not being worked on anymore)?

Just in case: Tomahawk 1.1.6, MyFaces 1.1.6

BTW - no problem with 3.3.1 GA (with Tomahawk 1.1.8, MyFaces 1.2.6)

<f:view>

 <rich:modalPanel id="panel">
 <f:facet name="header">
 <h:outputText value="header" />
 </f:facet>
 <f:facet name="controls">
 <h:graphicImage url="/apps/ngsimages/images/close.png"
 style="cursor: pointer;" onclick="Richfaces.hideModalPanel('panel')" />
 </f:facet>

 </rich:modalPanel>
 <f:verbatim>
 <a onclick="Richfaces.showModalPanel('panel');" href="#">Show</a>
 </f:verbatim>
</f:view>

This is the error from IE:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; .NET CLR 1.1.4322; InfoPath.1)
Timestamp: Mon, 13 Jul 2009 22:04:04 UTC


Message: Not implemented

Line: 58
Char: 503
Code: 0
URI: http://localhost/ngsimages/a4j_3_1_6.SR1org/richfaces/renderkit/html/scripts/modalPanel.js.jsf

[nbelaevski]

Hi,

3.1.6 is not being worked anymore. We've fixed the issue in 3.3.1.GA. As a workaround you can use special HTTP header that switches IE8 into IE7 compatibility mode: http://ajaxian.com/archives/ie8-compatibility-with-x-ua-compatible.

[fischman_98]

Nick,

Thanks for the response and the reference to the articles.

Is there a way I can force the meta tag to be the first line in the section. Do I have to implement some sort of PhaseListener solution?

The richfaces javascript and stylesheets are all getting inserted before the element.

The code does work though...when I cut and paste the static html and move the meta-tag to the top of the section, it works!

Thanks.

[nbelaevski]

Hi,

https://jira.jboss.org/jira/browse/RF-7344 .
You can code Filter/PhaseListener that will add this header just to HTTP response.

[fischman_98]

Excellent! Thanks!

Simply added this jsp code to the page and solved the issue.

<%response.addHeader("X-UA-Compatible","IE=EmulateIE7"); %>

Not adding through a filter or phaselistener (although certainly a good idea for an entire site) since it only affects a few pages.

Thanks.

Matt