RichFaces 3.3.2: modalPanel and IE6 problem
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>
[...]
