ICEfaces
  1. ICEfaces
  2. ICE-3864

Setting width:auto or width: X% for menuBar causes menu items to be as wide as the browser window in IE

    Details

    • Type: Bug Bug
    • Status: Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: 1.8.2
    • Fix Version/s: None
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      IE
    • Workaround Exists:
      Yes
    • Workaround Description:
      Hide
      Use a fixed width for the width. ex: width:150px;
      Note that using a fixed width in portal environment might cause other problems in your application(s).
      Show
      Use a fixed width for the width. ex: width:150px; Note that using a fixed width in portal environment might cause other problems in your application(s).

      Description

      When setting the width to auto for the menuBar component, only in IE, the menuItems width becomes the entire browser window. This does not happen In Firefox 3. To replicate the issue set .iceMnuBarSubMenu style class with "width:auto or width: %". This issue also affect portlets.

        Activity

        Arran Mccullough created issue -
        Arran Mccullough made changes -
        Field Original Value New Value
        Salesforce Case [50070000007CZqS]
        Priority Major [ 3 ] Minor [ 4 ]
        Arran Mccullough made changes -
        Attachment menuBar.JPG [ 11392 ]
        Ken Fyten made changes -
        Fix Version/s 1.8 [ 10161 ]
        Assignee Priority P3
        Assignee Yip Ng [ yip.ng ]
        Hide
        yip.ng added a comment -

        We use CSS float to right-justify the right arrow pointing to a submenu. Seems IE has problems with this and stretches out the menu item when its width is not specified. Tried some changes in menu item rendering and/or various CSS fixes, but no luck, not without creating other CSS problems in IE itself and/or Firefox.

        Show
        yip.ng added a comment - We use CSS float to right-justify the right arrow pointing to a submenu. Seems IE has problems with this and stretches out the menu item when its width is not specified. Tried some changes in menu item rendering and/or various CSS fixes, but no luck, not without creating other CSS problems in IE itself and/or Firefox.
        Ken Fyten made changes -
        Fix Version/s 1.8RC2 [ 10163 ]
        Fix Version/s 1.8 [ 10161 ]
        Hide
        Ken Fyten added a comment -

        Correcting this issue would require the removal of our use of float in the renderer. This would require a very substantial rework of the current menuItem renderer. This type of effort is likely best considered for 2.0 / new menu component implementation in the future.

        Show
        Ken Fyten added a comment - Correcting this issue would require the removal of our use of float in the renderer. This would require a very substantial rework of the current menuItem renderer. This type of effort is likely best considered for 2.0 / new menu component implementation in the future.
        Ken Fyten made changes -
        Fix Version/s 1.8RC2 [ 10163 ]
        Assignee Priority P3
        Assignee Yip Ng [ yip.ng ]
        Evgheni Sadovoi made changes -
        Summary Setting width:auto for menuBar causes menu items to be as wide as the browser window in IE Setting width:auto or width: X% for menuBar causes menu items to be as wide as the browser window in IE
        Workaround Description Use a fixed width for the width. ex: width:150px; Use a fixed width for the width. ex: width:150px;
        Note that using a fixed width in portal environment might cause other problems in your application(s).
        Salesforce Case [50070000007CZqS] [50070000007CZqS, 5007000000JL90f]
        Affects Version/s 1.8.2 [ 10190 ]
        Affects Version/s 1.7.2 [ 10130 ]
        Description When setting the width to auto for the menuBar component, only in IE, the menuItems width becomes the entire browser window. This does not happen In Firefox 3. To replicate the issue set .iceMnuBarSubMenu style class with "width:auto;". When setting the width to auto for the menuBar component, only in IE, the menuItems width becomes the entire browser window. This does not happen In Firefox 3. To replicate the issue set .iceMnuBarSubMenu style class with "width:auto or width: %". This issue also affect portlets.
        Reporter Arran Mccullough [ arran.mccullough ] Evgheni Sadovoi [ evgheni.sadovoi ]
        Priority Minor [ 4 ] Major [ 3 ]
        Hide
        Deryk Sinotte added a comment -

        Evgeni has a case and would like a discussion or comment about the status of fixing this.

        Show
        Deryk Sinotte added a comment - Evgeni has a case and would like a discussion or comment about the status of fixing this.
        Deryk Sinotte made changes -
        Assignee Ken Fyten [ ken.fyten ]
        Ken Fyten made changes -
        Assignee Ken Fyten [ ken.fyten ]

          People

          • Assignee:
            Unassigned
            Reporter:
            Evgheni Sadovoi
          • Votes:
            2 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: