[richfaces-issues] [JBoss JIRA] (RF-12591) popupPanel - IE7 - Modal state - Bad shadow rendering - height ?

popupPanel - IE7 - Modal state - Bad shadow rendering - height ? ---------------------------------------------------------------- Key: RF-12591 URL: https://issues.jboss.org/browse/RF-12591 Project: RichFaces Issue Type: Bug Security Level: Public(Everyone can see) Affects Versions: 4.2.3.Final Reporter: Jean ANDRE Attachments: RF-12591_PopupPanel_BadShadow.png See the screen capture for the visual effect. 1) The error occurs only if the popupPanel is modal. 2) The error occurs only on IE 7, works on IE8 et lastest FireFox - Not tested on IE9 3) When we display a modal popupPanel, the shadow is very bigger than the dialog box. 3.1) Even setting the attribute shadowDepth="0" does not have any effect. The div tag is still rendered. The workaround found is as following - Hidden the shadow panel as below. {code} /* only for IE7 compatibility - hide the shadow panel for popup panel */ .rf-pp-shdw { visibility:hidden; display:none; } {code} As consequence, we do not have any shadow panel any more, but it is working on IE7. 1) Then, it is possible to not render the shadow panel when the shadowDepth is set to "0" ? 2) What is the differences between a non modal popupPanel (which works with shadow) vs modal popupPanel which does not work ? - Where the DIV shadow takes/inherit its height ??? Here is a sample code to give some context of the error. {code} <!-- --> <!-- B O D Y --> <!-- --> <div id="content" class="content"> <!-- --> <!-- STATUS --> <!-- --> <a4j:status id="ajax-status" name="ajaxStatus" onstart="#{rich:component('messageWaiter')}.show()" onstop="#{rich:component('messageWaiter')}.hide()" onerror="#{rich:component('errorReporter')}.show()" /> <!-- --> <!-- WAITER MESSAGE --> <!-- --> <rich:popupPanel id="messageWaiter" modal="false" autosized="true" resizeable="false" shadowDepth="3" shadowOpacity="2" top="250"> <h:outputText value="#{msg['info.wait.message']}" /> </rich:popupPanel> <!-- --> <!-- ERROR REPORTER --> <!-- --> <rich:popupPanel id="errorReporter" modal="true" autosized="true" resizeable="false" shadowDepth="0" shadowOpacity="2" top="250"> <f:facet name="header"> <h:outputText value="#{msg['error.application.title']}" /> </f:facet> <a4j:outputPanel layout="block"> <p> <h:outputText value="#{msg['error.application.message']}" /> </p> <a4j:outputPanel styleClass="right-align" layout="block"> <!-- --> <!-- CLOSE CMD --> <!-- --> <h:outputLink id="errorCloseCmd" value="#{request.contextPath}/"> <h:outputText value="#{msg['common.command.close']}" /> </h:outputLink> </a4j:outputPanel> </a4j:outputPanel> </rich:popupPanel> {code}