4 Replies Latest reply on Jun 10, 2009 3:12 AM by nbelaevski

    RichFaces 3.3.2: modalPanel and IE6 problem

    hwoarang

      Hi there!
      I'm testing my app with latest 3.3.2 version (richfaces-ui-3.3.2-20090609.040320-14.jar), trying to minimize problems that could avoid me to update from v3.2.2.

      I noticed that my modalPanel, that works with 3.2.2 with FF, Chrome and IE6, now have a different behavior with, and only with, IE6 and v3.3.2: when I call it, the whole page (modalPanel and caller page) becames 'disabled' (as when we set disable='true' on something). I mean no keyboard/mouse input allowed.

      The same code works with FF 3.0.10 and Chrome 2.0.172.28.

      Someone can spot something in the snippet code below ??

      Thank you in advance!

      Hwoarang
      ------------------------
      Richfaces 3.3.2 (20090609)
      Jsf 1.2_09
      Facelets 1.1.14
      Tomcat 6.0.18
      FF 3.0.10 - IE6 - Chrome 2.0.172.28

      Code that calls modalPanel (Caller.xhtml):

      [...]
      <a4j:commandButton
       value="..."
       reRender="modalLocalizacoes"
       actionListener="#{ManterLocalizacao.consultarAction}"
       oncomplete="Richfaces.showModalPanel('modalLocalizacoes'); return false;" />
      [...]
      <a4j:include
       viewId="/pages/admin/mpLocalizacao.xhtml"
       id="mpLocalizacao"
       ajaxRendered="false">
       <ui:param
       name="paramId"
       value="#{ManterPessoa.localizacaoId}" />
       <ui:param
       name="paramSigla"
       value="#{ManterPessoa.localizacaoSigla}" />
       <ui:param
       name="paramDescricao"
       value="#{ManterPessoa.localizacaoDescricao}" />
       <ui:param
       name="paramReRender"
       value="localizacaoId, localizacaoSigla, localizacaoDescricao" />
      </a4j:include>
      [...]
      


      modalPanel code (mpLocalizacao.xhtml):
      [...]
      <r:modalPanel
       id="modalLocalizacoes"
       autosized="true"
       top="10">
       <f:facet name="header">
       <h:outputText value="Selecione um item" />
       </f:facet>
       <h:form id="formMpLocalizacao">
       <center><r:panel style="width:720px; height: 310px;">
       <h:panelGrid
       cellpadding="0"
       cellspacing="0"
       width="700">
       <r:dataTable
       value="#{ManterLocalizacao.lista}"
       var="item"
       sortMode="single"
       id="table"
       rows="9"
       width="680"
       style="heigth: 700px;"
       align="center">
       <f:facet name="header">
       <r:columnGroup>
       <r:column colspan="3">
       <h:outputText value="Registros encontrados" />
       </r:column>
       <r:column breakBefore="true">
       <h:outputText value="" />
       </r:column>
       <r:column>
       <h:outputText value="#{msg.labelSigla}" />
       </r:column>
       <r:column>
       <h:outputText value="#{msg.labelDescricao}" />
       </r:column>
       </r:columnGroup>
       </f:facet>
       <r:column width="1%">
       <f:facet name="header">
       <h:outputText value="" />
       </f:facet>
       <a4j:commandLink
       reRender="#{paramReRender}"
       oncomplete="Richfaces.hideModalPanel('modalLocalizacoes');"
       style="text-decoration: none; border: none">
       <h:graphicImage
       value="/imagens/selecionar.png"
       styleClass="imagens"
       title="selecionar registro" />
       <a4j:actionparam
       name="paramId"
       value="#{item.id}"
       assignTo="#{paramId}" />
       <a4j:actionparam
       name="paramSigla"
       value="#{item.sigla}"
       assignTo="#{paramSigla}" />
       <a4j:actionparam
       name="paramDescricao"
       value="#{item.descricao}"
       assignTo="#{paramDescricao}" />
       </a4j:commandLink>
       </r:column>
       <r:column
       width="20%"
       sortBy="#{item.sigla}"
       filterMethod="#{ManterLocalizacao.filterLocalizacaoSigla}">
       <f:facet name="header">
       <h:inputText
       onclick="Event.stop(event);"
       value="#{ManterLocalizacao.filterValueSigla}"
       id="inputSigla">
       <a4j:support
       event="onkeyup"
       reRender="table, dsLocalizacao"
       ignoreDupResponses="true"
       requestDelay="700"
       oncomplete="setCaretToEnd(event);" />
       </h:inputText>
       </f:facet>
       <h:outputText value="#{item.sigla}" />
       </r:column>
       <r:column
       width="75%"
       sortBy="#{item.descricao}"
       filterMethod="#{ManterLocalizacao.filterLocalizacaoDescricao}">
       <f:facet name="header">
       <h:inputText
       onclick="Event.stop(event);"
       value="#{ManterLocalizacao.filterValueDescricao}"
       id="inputDescricao">
       <a4j:support
       event="onkeyup"
       reRender="table, dsLocalizacao"
       ignoreDupResponses="true"
       requestDelay="700"
       oncomplete="setCaretToEnd(event);" />
       </h:inputText>
       </f:facet>
       <h:panelGroup
       layout="block"
       style="overflow: hidden; width: 500px; white-space: nowrap;">
       <h:outputText value="#{item.descricao}" />
       </h:panelGroup>
       </r:column>
       </r:dataTable>
       </h:panelGrid>
       </r:panel> <r:datascroller
       id="dsLocalizacao"
       renderIfSinglePage="false"
       for="table"
       maxPages="5"
       fastControls="auto"
       stepControls="auto">
       </r:datascroller> <a4j:commandButton
       value="#{msg.botaoSair}"
       reRender="#{paramReRender}"
       oncomplete="Richfaces.hideModalPanel('modalLocalizacoes');">
       <a4j:actionparam
       name="paramId"
       value=""
       assignTo="#{paramId}" />
       <a4j:actionparam
       name="paramSigla"
       value=""
       assignTo="#{paramSigla}" />
       <a4j:actionparam
       name="paramDescricao"
       value=""
       assignTo="#{paramDescricao}" />
       </a4j:commandButton></center>
       </h:form>
      </r:modalPanel>
      [...]