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

[Brian Leathem (JIRA)]

     [ https://issues.jboss.org/browse/RF-12591?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Brian Leathem updated RF-12591:
-------------------------------

    Fix Version/s: 5-Tracking

    
> 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
>             Fix For: 5-Tracking
>
>         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}

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira