[ 
https://issues.jboss.org/browse/RF-12591?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12731372#comment-12731372
 ] 

Jean ANDRE commented on RF-12591:
---------------------------------

Related to RF-10640 but not the same. If we specify the autosize to false, we 
got a such bug.
                
> 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}

--
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
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues

Reply via email to