ICEfaces
  1. ICEfaces
  2. ICE-7195

Using ice:menuBar inside ice:column with scrollable table make the menu popup to go off after scrolling down a while and hovering on the cell that have menubar

    Details

    • Type: Bug Bug
    • Status: Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: EE-1.8.2.GA_P03
    • Fix Version/s: None
    • Component/s: None
    • Labels:
      None
    • Environment:
      WindowsXP, Solaris, Weblogic 10.3.2

      Description

      When using a MenuBar component as the content of a ice:column within an scrollable datatable: (scrollable="true" scrollHeight="Npx"), and when scrolling down in the table for while (have many items on it), it makes the menu bar popup to go off to the browser (top =0) making impossible to select an option of it.

      This can be reproduce easily by doing the following:

      <pre>

      <f:view xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ice="http://www.icesoft.com/icefaces/component">

      <ice:outputStyle href="/xmlhttp/css/rime/rime.css" />
      <ice:form>
      <ice:panelGroup>
      <ice:dataTable
                          value="#{myBean.productsList}" var="product"
                          headerClass="headerProductList" varStatus="row" scrollable="true"
                          scrollHeight="320px">
                          <ice:column>
                              <f:facet name="header">
                                  <ice:outputText id="column1" value="Key" />
                              </f:facet>
                              <ice:panelGroup>

                                  <ice:menuBar id="menuBar" orientation="horizontal">
                                      <ice:menuItem value="My Menu" id="file"
                                          onclick="return false;">


                                          <ice:menuItem value="Click Me2" id="file2"
                                              onclick="return false;">
                                          </ice:menuItem>
                                          <ice:menuItem value="Click Me4" id="file4"
                                              onclick="return false;">
                                          </ice:menuItem>
                                      </ice:menuItem>
                                  </ice:menuBar>
                              </ice:panelGroup>
                          </ice:column>
                      </ice:dataTable>
      </ice:panelGroup>
              </ice:form>
      </f:view>
      </pre>

        Activity

        Hide
        Juan C Garcia Matos added a comment -

        this show the problem with the menu bar component inside the scrollable table

        Show
        Juan C Garcia Matos added a comment - this show the problem with the menu bar component inside the scrollable table
        Hide
        Juan C Garcia Matos added a comment -

        This show the correct behavior of the menuBar when hovering on the first row

        Show
        Juan C Garcia Matos added a comment - This show the correct behavior of the menuBar when hovering on the first row
        Hide
        Juan C Garcia Matos added a comment -

        I did an small mistake (while copying) the example:

        <ice:outputStyle href="/xmlhttp/css/rime/rime.css" />

        must be put inside the <ice:form> element

        Show
        Juan C Garcia Matos added a comment - I did an small mistake (while copying) the example: <ice:outputStyle href="/xmlhttp/css/rime/rime.css" /> must be put inside the <ice:form> element

          People

          • Assignee:
            Unassigned
            Reporter:
            Juan C Garcia Matos
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: