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

[Jean ANDRE (JIRA)]

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

Jean ANDRE updated RF-12591:
----------------------------

    Description: 
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 ???


{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}














  was:
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 ???




 
















    
> 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 ???
> {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