10 Replies Latest reply on Nov 17, 2008 6:11 AM by ilya_shaikovsky

    modalPanel is not modal on Firefox

    hwoarang

      Hi there!

      When my modalPanel is rendered on Firefox, I can navigate through the caller form components, even submit the page again (I can do it using tab key).
      I dont have this problem using IE.
      I have a friend that confirmed this same issue in his code too.

      I'll appreciate if someone could take a look in my template.jspx and tell me if something is wrong, please.

      Thank you in advance.

      I'm using:
      RichFaces 3.2.2
      Facelets 1.1.14
      JSF 1.2

      my template.jspx:


      <?xml version="1.0" encoding="iso-8859-1"?>
      <jsp:root
       xmlns:jsp="http://java.sun.com/JSP/Page"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:r="http://richfaces.org/rich"
       xmlns:a4j="http://richfaces.org/a4j"
       version="2.0">
       <head>
       <f:loadBundle
       basename="util.mensagens"
       var="msg" />
       <script
       type="text/javascript"
       src="/Certificado/js/funcoesJSF.js"></script>
       <meta
       http-equiv="Content-Type"
       content="text/html; charset=iso-8859-1" />
       <title>Controle de Certificados</title>
       <style>
      @import "default/estilo.css";
      </style>
       </head>
       <center><h:panelGrid>
       <ui:insert name="header">
       <div id="top" />
       </ui:insert>
       </h:panelGrid></center>
       <ui:insert name="extraHeader"></ui:insert>
       <ui:insert name="modalP">
       <!-- **************** Show Messages ***************************** -->
       <r:modalPanel
       id="panel"
       minHeight="100"
       minWidth="200"
       autosized="true"
       showWhenRendered="#{facesContext.maximumSeverity != null}">
       <f:facet name="header">
       <h:panelGroup>
       <h:outputText value="Message"></h:outputText>
       </h:panelGroup>
       </f:facet>
       <f:facet name="controls">
       <h:panelGroup>
       <h:graphicImage
       value="imagens/error.gif"
       id="hidelink" />
       </h:panelGroup>
       </f:facet>
       <h:form>
       <table
       style="font-size: 10pt; white-space: nowrap; color: red;">
       <nobr> <r:messages>
       <f:facet name="errorMarker">
       <h:graphicImage
       value="imagens/error.gif"
       width="20"
       height="20"
       styleClass="imagem" />
       </f:facet>
       <f:facet name="warnMarker">
       <h:graphicImage
       value="imagens/warn.gif"
       width="20"
       height="20"
       styleClass="imagem" />
       </f:facet>
       <f:facet name="infoMarker">
       <h:graphicImage
       value="imagens/passed.gif"
       width="20"
       height="20"
       styleClass="imagem" />
       </f:facet>
       </r:messages> </nobr>
       </table>
       <center><h:panelGroup>
       <h:commandButton
       id="OkButtom"
       value="#{msg.OkButtom}" />
       <r:componentControl
       for="panel"
       attachTo="OkButtom"
       operation="hide"
       event="onclick" />
       </h:panelGroup></center>
       </h:form>
       </r:modalPanel>
       <!-- **************** End Show Messages ***************************** -->
       </ui:insert>
       <!-- ******************** Page's Title ***************************** -->
       <center><h:panelGrid>
       <h:panelGroup>
       <ui:insert
       name="PageTitle"></ui:insert>
       </h:panelGroup>
       <br />
       </h:panelGrid></center>
       <!-- ******************** End Page's Title ************************** -->
       <!-- ********************** Page Body ***************************** -->
       <div><ui:insert name="pageBody" /></div>
       <!-- ********************** End Page Body ************************* -->
      </jsp:root>