[richfaces-issues] [JBoss JIRA] Resolved: (RF-6030) tabPanel: in IE6-7 works wrong in scrollable container within modal Panel.

Wed Mar 11 15:32:22 EDT 2009

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

Nick Belaevski resolved RF-6030.
--------------------------------

    Resolution: Won't Fix

IE positioning bug:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html>
	<head>
		<title></title>
	</head>
	<body bgcolor="white">
		<div style="position: absolute; left: 10px; top: 10px;">
			<div style="overflow: auto; height: 200px; width: 870px; "> 
				<div style="position: relative; top: 1px; height: 400px;">
				relative div				
				</div>
			</div>
		</div>
	</body>	
</html>  

Add "position: relative" to element that have scrolls as a workaround. 

> tabPanel: in IE6-7 works wrong in scrollable container within modal Panel.
> --------------------------------------------------------------------------
>
>                 Key: RF-6030
>                 URL: https://jira.jboss.org/jira/browse/RF-6030
>             Project: RichFaces
>          Issue Type: Bug
>    Affects Versions: 3.3.1
>            Reporter: Ilya Shaikovsky
>            Assignee: Nick Belaevski
>             Fix For: 3.3.1
>
>
> tabs not scrolled together with the other content inside.
> 	<rich:modalPanel 
> 		showWhenRendered="true" 
> 		resizeable="false"
> 		width="940" 
> 		height="600">
> 	
> 		<f:facet name="header">
> 			<h:outputText value="Test" />
> 		</f:facet>
> 		<s:div style="overflow: auto; height: 400px; width: 870px">
> 			<rich:simpleTogglePanel switchType="client" width="790">
> 				<f:facet name="header">
> 					Header 1
> 				</f:facet>
> 				<div style="height:200px;width:700px">
> 					<rich:tabPanel switchType="client">
> 						<rich:tab>
> 						</rich:tab>
> 						<rich:tab>
> 						</rich:tab>
> 						<rich:tab>
> 						</rich:tab>
> 					</rich:tabPanel>
> 				</div>
> 			</rich:simpleTogglePanel>
> 			
> 			<rich:simpleTogglePanel switchType="client" width="790">
> 				<f:facet name="header">
> 					Header 2
> 				</f:facet>
> 				<div style="height:200px;width:700px">
> 					<rich:tabPanel switchType="client">
> 						<rich:tab>
> 						</rich:tab>
> 						<rich:tab>
> 						</rich:tab>
> 						<rich:tab>
> 						</rich:tab>
> 					</rich:tabPanel>
> 				</div>
> 			</rich:simpleTogglePanel>
> 		</s:div>
> 	</rich:modalPanel>

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