RichFaces
  1. RichFaces
  2. RF-1011

TabPanel - inconsistent tab height on ie 7 if some labels wrap

    Details

    • Type: Bug Bug
    • Status: Closed Closed (View Workflow)
    • Priority: Major Major
    • Resolution: Done
    • Affects Version/s: 3.1.0
    • Fix Version/s: 3.1.4, 3.2.0
    • Component/s: None
    • Security Level: Public (Everyone can see)
    • Labels:
      None
    • Environment:
      Windows xp, weblogic 10, Internet Explorer 7
    • Affects:
      Compatibility/Configuration
    • Similar Issues:
      Show 10 results 

      Description

      If you create a tabpanel containing lots of tabs eventually the tabs will be taller and some of the tab label text will occupy 2 rows. When this occurs all the tabs should still be the same height, but unfortunately on Internet Explorer 7 the tabs are different heights.

      The tab height is correct in Firefox and internet explorer 6, but wrong in Internet Explorer 7.

      1. tabtest.xhtml
        1 kB
        Martin Denham
      1. betterTabtestScreenShot.jpg
        54 kB
      2. tabPanel.png
        46 kB
      3. tabtestScreenShot.jpg
        56 kB

        Issue Links

          Activity

          Hide
          Martin Denham
          added a comment -

          Hi Sergey,

          I am a little confused. Could you clarify? Is the bug fixed or are you saying that we are not able to use xhtml (the workaround)?

          Thanks

          Martin

          Show
          Martin Denham
          added a comment - Hi Sergey, I am a little confused. Could you clarify? Is the bug fixed or are you saying that we are not able to use xhtml (the workaround)? Thanks Martin
          Hide
          Korluzhenko Veronika
          added a comment -

          added question in FAQ.

          Show
          Korluzhenko Veronika
          added a comment - added question in FAQ.
          Hide
          Jeremy Dawson
          added a comment -

          Hello,

          I see this issue in Safari 3.2.1 using RF 3.2.2.SR1.
          I am using facelets, and therefore the proposed workaround is not feasible
          (facelets requires the doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">). Please advise if there is another workaround. Thanks.

          Show
          Jeremy Dawson
          added a comment - Hello, I see this issue in Safari 3.2.1 using RF 3.2.2.SR1. I am using facelets, and therefore the proposed workaround is not feasible (facelets requires the doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">). Please advise if there is another workaround. Thanks.
          Hide
          Ilya Shaikovsky
          added a comment -

          .rich-tab-header

          { white-space: nowrap; }

          should fix that

          Show
          Ilya Shaikovsky
          added a comment - .rich-tab-header { white-space: nowrap; } should fix that
          Hide
          Cristina Lungu
          added a comment -

          If you have a restriction on resolution to be 1024x768, with no horizontal scroll-bar, like I have, the nowrap solution above does not really solve the problem in case of many tabs. The workaround that fitted me better was to set an implicit height for the tabs that could accommodate best all the labels, like so:
          .rich-tab-header

          { height: 30px; }
          Show
          Cristina Lungu
          added a comment - If you have a restriction on resolution to be 1024x768, with no horizontal scroll-bar, like I have, the nowrap solution above does not really solve the problem in case of many tabs. The workaround that fitted me better was to set an implicit height for the tabs that could accommodate best all the labels, like so: .rich-tab-header { height: 30px; }

            People

            • Assignee:
              Korluzhenko Veronika
              Reporter:
              Martin Denham
            • Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: