Hi,
I have a problem when i'm scrolling up/down in a modalPanel which contains a tabPanel. The tabPanel appears to be "CSS-fixed" and moves with the scroll with IE6 and IE7.
No problem with Firefox (2,3)
Environment :
Mojarra 1.2_12 (RI)
RichFaces 3.3.0 GA
Facelets 1.1.14
Tomcat 6.0.14
Here is the code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:s="http://jboss.com/products/seam/taglib"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<head>
</head>
<body>
<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>
</body>
</html>
Is there a solution or any workaround to solve this problem ?
Thanks,
Bruno