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

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              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.
              Hide
              Permalink
              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.
              Hide
              Permalink
              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.

                People

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

                  Dates

                  • Created:
                    Updated: