[richfaces-issues] [JBoss JIRA] (RF-12298) DropDownMenu: overlay problem in IE 9 (compatibility mode)

[Jean ANDRE (JIRA)]

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

Jean ANDRE edited comment on RF-12298 at 10/19/12 2:20 PM:
-----------------------------------------------------------

On IE7, it does work - Well, we know that IE7 is not supported by RichFaces 4.x but the reality is that there are still many internet users or companies using IE7 then....

>From our side, we solved the problem like this:
 1) The problem comes from the z-order and position CSS property and especialy with tabPanel.ecss
 2) Playing with the z-index into the classes: .rf-ddm-pos, rf-ddm-lst, rf-ddm-lst-bg did nothing
 3) playing with the z-index into class: rf-tab-hdr-tabline-top.rf-tab-hdr-tabline-vis with -1 as
    z-index value makes the div disappearing (no tab header....)
 4) But playing with the attribute position seems to address the problem
 5) Still ok with IE8
 6) Not tested with IE9 and upper
 7) Still ok with latest firefox

{code}
/* only for IE7 compatibility with menu-item Z order problem */
*.rf-tab-hdr-tabline-top.rf-tab-hdr-tabline-vis {
	border-bottom:#c4c0b9 0px solid;
	position:static !important;
	border-left:#c4c0b9 1px solid;
	white-space:nowrap;
	background-image:none;
	height:25px;
	overflow:hidden;
	border-top:#c4c0b9 1px solid;
	border-right:#c4c0b9 1px solid;
	padding-top:10px;
}
{code}

 
                
      was (Author: jorelia64):
    On IE7, it does work - Well, we know that IE7 is not supported by RichFaces 4.x but the reality is that there are still many internet users or companies using IE7 then....

>From our side, we solved the problem like this:
 1) The problem comes from the z-order and position CSS property and especialy with tabPanel.ecss
 2) Playing with the z-index into the classes: .rf-ddm-pos, rf-ddm-lst, rf-ddm-lst-bg did nothing
 3) playing with the z-index into class: rf-tab-hdr-tabline-top.rf-tab-hdr-tabline-vis with -1 as
    z-index value makes the div disappearing (no tab header....)
 4) But playing with the attribute position seems to address the problem
 5) Still ok with IE8
 6) Not tested with IE9 and upper
 7) Still ok with latest firefox

<code>
/* only for IE7 compatibility with menu-item Z order problem */
*.rf-tab-hdr-tabline-top.rf-tab-hdr-tabline-vis {
	border-bottom:#c4c0b9 0px solid;
	position:static !important;
	border-left:#c4c0b9 1px solid;
	white-space:nowrap;
	background-image:none;
	height:25px;
	overflow:hidden;
	border-top:#c4c0b9 1px solid;
	border-right:#c4c0b9 1px solid;
	padding-top:10px;
}
</code>

 
                  
> DropDownMenu: overlay problem in IE 9 (compatibility mode)
> ----------------------------------------------------------
>
>                 Key: RF-12298
>                 URL: https://issues.jboss.org/browse/RF-12298
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-menu
>    Affects Versions: 4.2.2.Final
>         Environment: Windows 7 64bit, Tomcat 7.0.26, Internet Explorer, Rich Faces 4.2.2, Mojara 2.1.7 / 2.1.5
>            Reporter: Michael Abele
>              Labels: ie9
>             Fix For: 4.3.0.M3
>
>         Attachments: richfaces-sanbox.zip
>
>
> Menu item of a drop down menu is not displayed if it overlaps a panel/tab panel header in Internet Explorer 9 (compatibility mode). It works in Firefox and Internet Explorer 8 and 9 (strict mode). 
> This issue might be related to RF-9097 of RichFaces 3.3.3. 

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