Problems with modalPanel in Internet Explorer and Safari

Question

Hello there,
I am working on a JSF (Richfaces) application. To handle advanced searches and confirm boxes I am using the richfaces modalPanel dialog, which uses Ajax. There are a number of re-rendering problems.
1. First of all, any errors won't display in any browser (including Firefox). From what I can tell it has to do with it refreshing the page before the error message can be displayed in <h:messages />.
2. In Safari and IE there is no refresh for advanced search dialog, where the modalPanel shows, but does not seem to call the search action and rerender the list. It's almost as if it does nothing. In IE it closes the dialog, but does nothing. In Safari it doesn't even close the dialog. I'm assuming this is relating to the JavaScript the RichFaces library uses. Any ideas??? I'm nervous to change frameworks at this time since I am in the last leg of the project.
Here's a code example of the advanced search, which does not refresh the list screen.
Code:
<rich:modalPanel id="advancedSearch" width="220" height="420">
             <f:facet name="header">
                <h:outputText value="#{msgs.advancedSearch}" />
             </f:facet>
             <f:facet name="controls">
                     <h:graphicImage value="/images/btn_logout.gif" width="15" style="cursor:pointer" onclick="Richfaces.hideModalPanel('advancedSearch')" />
             </f:facet>
               <h:form>
                    <a4j:commandLink action="bookList" reRender="bookList"   oncomplete="{Richfaces.hideModalPanel('advancedSearch');}" >
                         <h:graphicImage class="searchIcon" id="advSearchGraphc" value="/images/btn_search_UP.gif" alt="#{msgs.search}" />
                    </a4j:commandLink>
               </h:form>
         </rich:modalPanel>     As you can see I am calling reRender="bookList" which is the id of the datatable. From what I can tell the problem is something to do with the javascript not running properly on IE and Safari.
<rich:dataTable width="644" id="bookList" rows="12" value="#{Book.list}" var="book">     How can I get around this?
Any pointers would be hugely appreciated.
Jared

Answer 1

I suggest you to post your question in the JBoss RichFaces forum, good luck!