3 Replies Latest reply on Nov 9, 2010 9:43 AM by ilya_shaikovsky

    IE8 Modal Panel bug

    renegritsch

      Hello,

       

      we´ve a strange problem with our modalpanel.

      In IE8 (Firefox is fine) if we show up a modal panel (with it´s own form) and make a submit to this form,

      we get another conversation in seam?! Is it possible that the conversationid in the link get lost?

       

      The problem happens, if we have a <a4j:outputPanel> inside the modal panels form.

       

      for example (incorrect version)

      {code:xml}

      <rich:modalPanel id="dialogID" minWidth="600"  autosized="true">

           <f:facet name="header">

                <h:panelGroup>

                     <a4j:outputPanel ajaxRendered="true">

                          <h:outputText value="#{model.preview}"></h:outputText>

                     </a4j:outputPanel>

                </h:panelGroup>
           </f:facet>

           <f:facet name="controls">

                <h:panelGroup>

                     <h:graphicImage value="#{resources.image('message.close')}" styleClass="hidelink" id="dynamicDialogPanelHidelink" style="padding:1px"/>

                     <rich:componentControl for="dialogID" attachTo="dynamicDialogPanelHidelink" operation="hide" event="onclick"/>
                </h:panelGroup>

           </f:facet>

           <h:form id="dynamicDialogBoxForm">

                <a4j:outputPanel id="modalContent">

                     <h:inputText value="#{somebinding}" ../>

                     <a4j:commandButton   

                          oncomplete="if(#{dynamicDialogHandler.mayCloseDialog()}) Richfaces.hideModalPanel('dialogID'); return false;"                           
                          reRender="modalContent,messagesView"
                          id="idButtonProductOK"
                          value="#{convertHelper.getButtonLabel('buttonbar.product.ok')}"        
                          action="#{dialogButtonController.onOk('dialogID')}"
                          style="height:20px;width:#{convertHelper.calculateButtonSize('buttonbar.product.ok')-50}px"
                          status="waitStatus"/>
                </a4j:outputPanel>
           </h:form>
      </rich:modalPanel>
      {code}

       

      but if we change the order (<a4j:outputpanel> before <h:form>) everything works fine ?! Is this a bug or?

        • 1. Re: IE8 Modal Panel bug
          ilya_shaikovsky

          try to add layout="block" to output panel.

           

          Also make sure that in that case your modal panel not nested in any external forms.

          • 2. Re: IE8 Modal Panel bug
            renegritsch

            yes this fixes the issue (thnx for the hint but we have no nested forms for sure, i know what is happening then ;-))

             

            but is still do not understand what the span / div has to do with the submit of the form ?!?

             

            But nevermind, thank you very much!

            • 3. Re: IE8 Modal Panel bug
              ilya_shaikovsky

              if the markup not correct according to w3c rules - different glitches could appears. that limitation present in our documentation guide. (I believe you simplified the snippet which shown at first post and in real page you have some block elements inside that span)