[richfaces-issues] [JBoss JIRA] Updated: (RF-5213) CLONE -Calendar zindex doesn't work (IE7)

[John Leed (JIRA)]

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

John Leed updated RF-5213:
--------------------------

    Affects Version/s: 3.2.2
                           (was: 3.2.1)
          Description: 
This issue is a clone of issue 4390:
"In IE7 zindex doesn't work. If calendar is inside rich:panelBarItem and after them there is another rich:panelBarItem it is behind the rich:panelBarItem no matter what zindex values are. 

<rich:panelBarItem id="p1"
							label="someLabel" headerStyle="z-index: 1;"
							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
<rich:calendar id="p1c1" value="#{d_bean.date}" popup="true" rendered="true"
		inputClass="input-field input-field-cal"
		converter="DateConverter" enableManualInput="true"
		buttonClass="calendar-button" datePattern="dd.MM.yyyy"
		buttonIcon="/images/datepicker.gif" showApplyButton="false"
		direction="bottom-right" jointPoint="bottom-right"
		weekDayLabels="1,2,3,4,5,6,7"
		weekDayLabelsShort="1,2,3,4,5,6,7"
		monthLabels="1,2,3,4,5,6,7,8,9,10,11,12"
		monthLabelsShort="1,2,3,4,5,6,7,8,9,10,11,12"
		todayControlMode="hidden" required="false" cellWidth="15"
		cellHeight="15" zindex="2000">
</rich:panelBarItem>
<rich:panelBarItem id="p2"
							label="someOtherLabel" headerStyle="z-index: 1;"
							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
...
</rich:panelBarItem>"

The fix given is to add a proper doctype to the HTML. My page has a proper doctype, but still renders the calendar behind other components in IE7 and IE8b2.

  was:
In IE7 zindex doesn't work. If calendar is inside rich:panelBarItem and after them there is another rich:panelBarItem it is behind the rich:panelBarItem no matter what zindex values are. 

<rich:panelBarItem id="p1"
							label="someLabel" headerStyle="z-index: 1;"
							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
<rich:calendar id="p1c1" value="#{d_bean.date}" popup="true" rendered="true"
		inputClass="input-field input-field-cal"
		converter="DateConverter" enableManualInput="true"
		buttonClass="calendar-button" datePattern="dd.MM.yyyy"
		buttonIcon="/images/datepicker.gif" showApplyButton="false"
		direction="bottom-right" jointPoint="bottom-right"
		weekDayLabels="1,2,3,4,5,6,7"
		weekDayLabelsShort="1,2,3,4,5,6,7"
		monthLabels="1,2,3,4,5,6,7,8,9,10,11,12"
		monthLabelsShort="1,2,3,4,5,6,7,8,9,10,11,12"
		todayControlMode="hidden" required="false" cellWidth="15"
		cellHeight="15" zindex="2000">
</rich:panelBarItem>
<rich:panelBarItem id="p2"
							label="someOtherLabel" headerStyle="z-index: 1;"
							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
...
</rich:panelBarItem>



> CLONE -Calendar zindex doesn't work (IE7)
> -----------------------------------------
>
>                 Key: RF-5213
>                 URL: https://jira.jboss.org/jira/browse/RF-5213
>             Project: RichFaces
>          Issue Type: Bug
>    Affects Versions: 3.2.2
>         Environment: a4j, jsf
>            Reporter: John Leed
>            Assignee: Mikhail Vitenkov
>         Attachments: fuelspillincident.html
>
>
> This issue is a clone of issue 4390:
> "In IE7 zindex doesn't work. If calendar is inside rich:panelBarItem and after them there is another rich:panelBarItem it is behind the rich:panelBarItem no matter what zindex values are. 
> <rich:panelBarItem id="p1"
> 							label="someLabel" headerStyle="z-index: 1;"
> 							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
> <rich:calendar id="p1c1" value="#{d_bean.date}" popup="true" rendered="true"
> 		inputClass="input-field input-field-cal"
> 		converter="DateConverter" enableManualInput="true"
> 		buttonClass="calendar-button" datePattern="dd.MM.yyyy"
> 		buttonIcon="/images/datepicker.gif" showApplyButton="false"
> 		direction="bottom-right" jointPoint="bottom-right"
> 		weekDayLabels="1,2,3,4,5,6,7"
> 		weekDayLabelsShort="1,2,3,4,5,6,7"
> 		monthLabels="1,2,3,4,5,6,7,8,9,10,11,12"
> 		monthLabelsShort="1,2,3,4,5,6,7,8,9,10,11,12"
> 		todayControlMode="hidden" required="false" cellWidth="15"
> 		cellHeight="15" zindex="2000">
> </rich:panelBarItem>
> <rich:panelBarItem id="p2"
> 							label="someOtherLabel" headerStyle="z-index: 1;"
> 							headerStyleActive="z-index: 1;" contentStyle="z-index: 1;" >
> ...
> </rich:panelBarItem>"
> The fix given is to add a proper doctype to the HTML. My page has a proper doctype, but still renders the calendar behind other components in IE7 and IE8b2.

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira