hi this is interesting one,

mozilla firefox is not allowing me to close my modal panel when i opened...

can any one help me pls... this my code...

<rich:modalPanel id="roomTypeGeneralDlg" minHeight="285" minWidth="800" height="285" width="800" zIndex="2000" moveable="true" resizeable="false" autosized="true">
<f:facet name="header">
<h:outputText value="Room Type"/>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:form>
<a:commandLink action="#{roomTypesSetup.cancel()}" oncomplete="#{rich:component('roomTypeGeneralDlg')}.hide()" ajaxSingle="true" immediate="true" reRender="roomtypeslist">
<h:graphicImage value="/images/button_cancel.png" style="cursor:pointer" title="Close"/>
</a:commandLink>
</h:form>
</h:panelGroup>
</f:facet>
<h:form id="roomtypegeneralform">
<a:outputPanel ajaxRendered="true">

<h:messages id="error"></h:messages>

</a:outputPanel>
<h:panelGroup id="roomTypePanel">
<s:validateAll>
<rich:tabPanel switchType="client" selectedTab="#{roomTypesSetup.defaultTab}">
<rich:tab value="general" label="General data">


<s:fragment rendered="#{roomTypesSetup.bookableType.id == 0}">
Name

<s:decorate id="nameDecId">



<h:inputText id="name" value="#{roomTypesSetup.bookableType.name}" label="Name" style="width: 600px;" required="true"/>



<s:message errorClass="error"/>


</s:decorate>

</s:fragment>
<s:fragment rendered="#{roomTypesSetup.bookableType.id gt 0}">
Name

<h:outputText value="#{roomTypesSetup.bookableType.name}" label="Name" style="width: 360px;" />

</s:fragment>





<h:selectBooleanCheckbox value="#{roomTypesSetup.icInstance.isActive}"/>
<rich:spacer width="10"/>
<h:outputText value="Is active"/>



</rich:tab>
<rich:tab label="Cleaning Tasks">
<rich:dataTable id="taskslist" var="task" value="#{roomTypesSetup.cleaningTasks}" width="100%" rowClasses="rich-table-oddRow,rich-table-evenRow"
columnClasses="-,align-left">
<rich:column width="10">
<h:selectBooleanCheckbox value="#{roomTypesSetup.cleaningTasksForSelect[task]}"/>
</rich:column>
<h:column>
<h:outputText value="#{task.name}"/>
<h:panelGroup layout="block" styleClass="small-text">
<h:outputText value="#{task.description}"/>
</h:panelGroup>
</h:column>
</rich:dataTable>
</rich:tab>


</rich:tabPanel>
</s:validateAll>
</h:panelGroup>

<h:panelGroup>
<a:commandButton action="#{roomTypesSetup.confirmRoomType()}" value="Confirm" oncomplete="closeRoomTypeGeneralDlg();" reRender="roomTypePanel,roomtypeslist"/>
<a:commandButton action="#{roomTypesSetup.cancel()}" value="Cancel" oncomplete="#{rich:component('roomTypeGeneralDlg')}.hide()" ajaxSingle="true" immediate="true" reRender="roomtypeslist"/>
</h:panelGroup>
</h:form>
</rich:modalPanel>


function closeRoomTypeGeneralDlg() {
if(document.getElementById('roomtypegeneralform:error') == null) {
document.getElementById('roomTypeGeneralDlg').component.hide()
}
}