2 Replies Latest reply on Mar 23, 2009 4:21 AM by Anne Buit

    rich:tabpanel on scrolling div in IE7

    Anne Buit Newbie

      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.