Unable to open RichFaces modalPanel with IE9 (works fine with IE8)

wgoris

OS Name: Windows 7
Browser: Internet explorer 9
Sahi build: Sahi OS - Build: 2011-07-19

---

We have several RichFaces modalPanels in our web application. Example: we click on a commandButton, a modalPanel is opened with a question to the user, an action is performed (data is archived) depending the answer of the user in the modalPanel. (see source below)

The problem is that the modalPanel isn't displayed when we click the button in IE9. When we try this without the sahi proxy server in IE9, it works! This means the problem is related to sahi or the sahi proxy?

The issue is new since IE9, because the tests runs fine in IE8. There is also not an issue in Firefox.

modalPanel source:

<a4j:region>
    <rich:modalPanel id="archiverenPanel" width="450" height="110" resizeable="true" showWhenRendered="${viewScope.showArchiverenConfirmModal}">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="${applicationResourceBundle['message.brondata.archiveren.bevestiging.header']}"/>
            </h:panelGroup>
        </f:facet>
        <h:form id="archiverenPanelForm">
            <table align="center">
                <tbody>
                <tr class="textAlignCenter">
                    <td><h:outputText value="${applicationResourceBundle['message.brondata.archiveren.bevestiging.message']}"/>
                    </td>
                </tr>
                <tr align="center">
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <a4j:commandButton id="archiverenConfirmBtn"
                                                       value="${applicationResourceBundle['message.brondata.archiveren.bevestiging.ja.button']}"
                                                       reRender="${flowRenderFragments}" action="archiverenAction"
                                                       onclick="document.getElementById('content:archiverenPanelForm:archiverenConfirmBtn').disabled=true;
                                                        document.getElementById('content:archiverenPanelForm:archiverenCancelBtn').disabled=true;
                                                        document.getElementById('animationArchive').style.visibility='visible';">
                                        <f:param id="pkTabel" name="pkTabel" value="#{viewScope.pkTabel}"/>
                                        <f:param id="pkId" name="pkId" value="#{viewScope.pkId}"/>
                                    </a4j:commandButton>
                                </td>
                                <td><f:verbatim>&#160;&#160;</f:verbatim></td>
                                <td>
                                    <a4j:commandButton id="archiverenCancelBtn" action="cancelArchiverenAction" reRender="${flowRenderFragments}"
                                                       value="${applicationResourceBundle['message.brondata.archiveren.bevestiging.nee.button']}"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr class="textAlignCenter">
                    <td>
                        <div id="animationArchive" class="visibilityHidden">
                            <f:verbatim>&#0160;&#0160;&#0160;&#0160;</f:verbatim>
                            <h:graphicImage value="resource:///images/animated/loader.gif"/>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </h:form>
    </rich:modalPanel>
</a4j:region>

Source to open the modalPanel:

<a4j:commandButton id="archiverenKnop" image="resource:///images/icons/png/16x16/places/folder-yellow.png" styleClass="iconInTable"
                                                   value="archiveren"
                                                   reRender="${flowRenderFragments}"
                                                   rendered="${verwijderenArchiverenDTO.productiejaarGepubliceerd}"
                                                   action="showArchiverenPanel">
                                    <f:param name="pkTabel" value="${verwijderenArchiverenDTO.pk.tabel}"/>
                                    <f:param name="pkId" value="${verwijderenArchiverenDTO.pk.id}"/>
                                </a4j:commandButton>