Uploaded image for project: 'RichFaces'
  1. RichFaces
  2. RF-1011

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

    Details

    • Type: Bug
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: 3.1.0
    • Fix Version/s: 3.1.4, 3.2.0
    • Component/s: None
    • Labels:
      None
    • Environment:

      Windows xp, weblogic 10, Internet Explorer 7

    • Affects:
      Compatibility/Configuration

      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.

        Gliffy Diagrams

        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
            mjdenham 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
            mjdenham 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
            vkorluzhenko Korluzhenko Veronika added a comment -

            added question in FAQ.

            Show
            vkorluzhenko Korluzhenko Veronika added a comment - added question in FAQ.
            Hide
            jcdawson 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
            jcdawson 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 Ilya Shaikovsky added a comment -

            .rich-tab-header

            { white-space: nowrap; }

            should fix that

            Show
            ilya_shaikovsky Ilya Shaikovsky added a comment - .rich-tab-header { white-space: nowrap; } should fix that
            Hide
            cristinalungu 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
            cristinalungu 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:
                vkorluzhenko Korluzhenko Veronika
                Reporter:
                mjdenham Martin Denham
              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Development