rich:select incorrectly rendered inside a rich:collapsiblePanel under IE8
laurent.thil Feb 7, 2012 11:10 AMhello, I have a probleme with a rich:select nested inside a rich:collapsablePanel when the page is viewed in IE8. The xhtml is as follow:
<h:panelGroup layout="block" styleClass="box" id="filterMenu">
<rich:collapsiblePanel header="Mes filtres" switchType="client"
leftCollapsedIcon="none" leftExpandedIcon="none"
rightCollapsedIcon="/resources/images/carre-sous-titre-plus.png"
rightExpandedIcon="/resources/images/carre-sous-titre-moins.png"
headerClass="titre degrade500" bodyClass="fondMenu" style="padding: 5px;">
<h:panelGroup layout="block" style="display:block;" id="filtre">
<h:panelGroup layout="block">
<h:form id="filtreForm">
<rich:collapsiblePanel header="Pays" switchType="client"
leftCollapsedIcon="none" leftExpandedIcon="none" expanded="false"
rightCollapsedIcon="/resources/images/btn-plus.png"
rightExpandedIcon="/resources/images/btn-moins.png"
headerClass="sous-titre-filtre" bodyClass="fondMenu">
<rich:select itemClass="itemSelect" id="country"
value="#{monitoringCompaniesListResultBean.dataModel.filtres.paysFilter.itemFilterSaisie}"
enableManualInput="true" defaultLabel="#{searchBundle.companyPaysDefaultText}"
styleClass="inplaceField">
<f:selectItems value="#{monitoringCompaniesListResultBean.countries}"/>
<f:ajax event="selectitem" listener="#{monitoringCompaniesListResultBean.dataModel.filtres.paysFilter.addItem}" render=":filterMenu"/>
</rich:select>
</rich:collapsiblePanel>
</h:form>
</h:panelGroup>
</h:panelGroup>
</rich:collapsiblePanel>
</h:panelGroup>
When the popu menu of the rich:select (id=country) component is unrolled, the total list of the 250 item is shown, and they appears whithout the background color nor the border of the list. We can still see the element under them.
After some investigation, I notice that the stylesheet 'select.ecss.jsf' is not loaded in IE8 in those circumstances. Does anyone experienced that ? If the rich:select is outside of the rich:collapsablePanel, it is displayed correctly.