2 Replies Latest reply on Jun 6, 2011 12:28 PM by Sergey Tereshchenko

    TabPanel scrolling issue in modalPanel with IE

    Bruno MACQUET Newbie

      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