When I added a <a4:status> that opens a modal Panel that acts like a progress bar, any ajax request submitted from a commandLink on any modalPanel never completes.
1. If I remove the <a4:status> then everything is fine.
2. If I replace the oncomplete with onclick, then everything is fine
3. This problem is only in IE7, not with Firefox.
Environment: RichFaces 3.1.3 on Tomcat 6.0
Here are the code snippets:
<!-- this is in the parent page -->
<a4j:status id="s2t2_status" onstart="javascript:pleaseWait();" onstop="javascript:hidePleaseWait()" />
<!-- this is inside a modalPabnel -->
<a4j:commandLink id="chooseContactSite" action="#{currentBean.chooseContactAction}" oncomplete="javascript:Richfaces.hideModalPanel('contactListModalPane')" reRender="customerInformation,customerInfo,contactInfo,siteMessages,otherInfo,productInfo" ajaxSingle="false" rendered="#{!currentBean.viewEditSpecify}">
<h:outputText value="#{record.contactId}" />
<f:param name="contactId" value="#{record.contactId}"/>
</a4j:commandLink>
<!-- Javascript functions -->
function pleaseWait() {
Richfaces.showModalPanel('ajaxLoadingModalBox',{width:450, top:200});
}
function hidePleaseWait() {
Richfaces.hideModalPanel('ajaxLoadingModalBox');
}
<!-- Progress Bar modalPanel -->
<rich:modalPanel id="ajaxLoadingModalBox" height="150" width="150" zindex="9999">
<h:panelGrid id="pleaseWaitGrid" columns="1" cellspacing="2" columnClasses="centerAlign" width="100%" border="0" style="border: 0px solid black;">
<h:outputText styleClass="message" style="color: #000000;" value="Processing, Please Wait..." escape="false" />
</h:panelGrid>
</rich:modalPanel>