Hello,
When I place a rich:tabPanel on a scrolling div, the tabpanel doesn't move when I scroll the div. When I mouseover the tabpanel, they jump a bit in the direction of where I scrolled, but they are on top of all other components, like their z-index is higher.
To reproduce it in the demo, I edited the following file:
richfaces-demo-3.3.0GA-tomcat6/WebContent/richfaces/tabPanel/examples/switchTypes.xhtml
around the rich:tabPanel i placed a div with a fixed size and overflow:auto.
<div style="height:200px; width: 200px; overflow: auto;">
<rich:tabPanel>
<rich:tab label="First">
Here is tab #1
</rich:tab>
<rich:tab label="Second">
Here is tab #2
</rich:tab>
<rich:tab label="Third">
Here is tab #3
</rich:tab>
</rich:tabPanel>
<br/><br/>
<p>Here is an example of tab panel switched in "ajax" style. Second tab is disabled.</p>
<rich:tabPanel switchType="ajax">
<rich:tab label="First">
Here is tab #1
</rich:tab>
<rich:tab label="Second" disabled="true">
Here is tab #2
</rich:tab>
<rich:tab label="Third">
Here is tab #3
</rich:tab>
</rich:tabPanel>
<br/><br/>
<p>Here is an example of tab panel switched completely on client.</p>
<rich:tabPanel switchType="client">
<rich:tab label="First">
Here is tab #1
</rich:tab>
<rich:tab label="Second">
Here is tab #2
</rich:tab>
<rich:tab label="Third">
Here is tab #3
</rich:tab>
</rich:tabPanel>
</div>
This only happens (afaik) in Internet Explorer 7. A solution for this would be highly appriciated :) Thank you for your time.