8 Replies Latest reply on Feb 8, 2010 5:32 AM by mafym

    rich:tabPanel - (still) inconsistent tab height on ie 7 if some labels wrap

    mafym
      Hi!


      I know about https://jira.jboss.org/jira/browse/RF-1011 and about the http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/faq/faq.html sesction 1.36 but this issue still exists and using the proposed workaround does not work.

       

      I have made a simplified version of code that does not work when resizing the IE 7 browser window (also this does not work on IE 8).

       

      There is no issue in Firefox.

       


      test.xhtml:

       

      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
          xmlns:ui="http://java.sun.com/jsf/facelets"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:rich="http://richfaces.org/rich" template="layout/template.xhtml">
          <ui:define name="body">
              <h:form>
                  <rich:simpleTogglePanel switchType="client" label="Test Tab Panel">
                      <ui:include src="/testTabPanel.xhtml" />
                  </rich:simpleTogglePanel>
              </h:form>
          </ui:define>
      </ui:composition>
      
      

      testTabPanel.xhtml:
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
          xmlns:ui="http://java.sun.com/jsf/facelets"
          xmlns:rich="http://richfaces.org/rich">
      <rich:panel>
          <rich:tabPanel >
              <rich:tab label="long long tab1 to make it wrap">
                  Dummy content for tab 1
              </rich:tab>
              <rich:tab label="tab2">
                  Dummy content for tab 2
              </rich:tab>
              <rich:tab label="tabtab3">
                  Dummy content for tab 3
              </rich:tab>
              <rich:tab label="tabtab4">
                  Dummy content for tab 4
              </rich:tab>
              <rich:tab label="tabtab5">
                  Dummy content for tab 5
              </rich:tab>
              <rich:tab label="wrapped tab 6">
                  Dummy content for tab 6
              </rich:tab>
              <rich:tab label="long tab 7 to ensure it wraps 7">
                  Dummy content for tab 7
              </rich:tab>
              <rich:tab label="tabtab8">
                  Dummy content for tab 8
              </rich:tab>
          </rich:tabPanel>
          </rich:panel>
      </ui:composition>
      

       

       

      Environment:

       

       

      seam version=2.2.0.GA
      richfaces version=3.3.2.SR1

       


      Using directly the testTabPanel.xhtml (without using it with ui:include in test.xhtml) works without any issues.

       


      How to solve this issue?

       


      Thank you!