ICEfaces
  1. ICEfaces
  2. ICE-3294

Portlet: submenu inside scrollable div doesn't render correctly

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Invalid
          • Affects Version/s: 1.7.1
          • Fix Version/s: 1.8RC1, 1.8
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            ANY

            Description

            If putting a menubar inside a scrollable div, it seems that the submenu renders its position regardless of the position of the parent menu. see attached screenshot.
            1. ScreenHunter_02 Feb. 11 15.41.jpg
              162 kB
            2. screenshot-1.jpg
              170 kB
            3. screenshot-2.jpg
              136 kB
            4. screenshot-3.jpg
              122 kB
            5. screenshot-4.jpg
              180 kB
            6. screenshot-5.jpg
              116 kB
            7. tooltip_scrollable_div.jpg
              20 kB

              Activity

              Ascending order - Click to sort in descending order
              4 older comments
              Hide
              Permalink
              Tyler Johnson added a comment -

              Test case intended for Liferay 4.4.1

              Show
              Tyler Johnson added a comment - Test case intended for Liferay 4.4.1
              Hide
              Permalink
              yip.ng added a comment -

              Can't deploy the test app. successfully. See screenshot-4 for the errors.

              Show
              yip.ng added a comment - Can't deploy the test app. successfully. See screenshot-4 for the errors.
              Hide
              Permalink
              yip.ng added a comment -

              Had to merge code into component showcase portlets. Portlets then deployed successfully and problem was reproduced. See screenshot-5.

              Show
              yip.ng added a comment - Had to merge code into component showcase portlets. Portlets then deployed successfully and problem was reproduced. See screenshot-5.
              Hide
              Permalink
              Ken Fyten added a comment -

              Yip,

              Does the menu positioning fix for ICE-3620 resolve this issue also? Please confirm.

              Show
              Ken Fyten added a comment - Yip, Does the menu positioning fix for ICE-3620 resolve this issue also? Please confirm.
              Hide
              Permalink
              yip.ng added a comment -

              Nothing to do with component rendering. Caused by CSS in the complicated layout (menu within table within tree) and portlet environment. One improvement I came up with looks like this:

              <ice:portlet>
              <ice:outputStyle href="/xmlhttp/css/rime/rime-portlet.css"/>
              <ice:outputStyle href="./css/showcase_style.css"/>
              <style>
              .portlet-menu-cascade-item

              { width: 160px; height: 10px; }

              </style>
              <ice:form id="treeform">
              <!-- rest same as in the sample app. source -->
              </ice:form>
              </ice:portlet>

              See the attached screeshot for the results.

              Show
              yip.ng added a comment - Nothing to do with component rendering. Caused by CSS in the complicated layout (menu within table within tree) and portlet environment. One improvement I came up with looks like this: <ice:portlet> <ice:outputStyle href="/xmlhttp/css/rime/rime-portlet.css"/> <ice:outputStyle href="./css/showcase_style.css"/> <style> .portlet-menu-cascade-item { width: 160px; height: 10px; } </style> <ice:form id="treeform"> <!-- rest same as in the sample app. source --> </ice:form> </ice:portlet> See the attached screeshot for the results.

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  Sam Xiao
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: