rich:dropDownMenu not rendered correctly in rich:extendedDataTable

[bretwil31]

Hello,

I am placing a rich:dropDownMenu in a column in a rich:extendedDataTable and have the problem where the drop down menu is rendered INSIDE the column, ie, the menu items dissapear under the table. This was not the case in Richfaces 3 (I'm currently attempting migration to Richfaces 4).  I have tried working with z-index on various rich-faces styles with no success.  The following image shows the symptom:

rich:dropDownMenu is declared inside a column as follows:

<rich:dropDownMenu id="${id}" hideDelay="80" showDelay="0"
        direction="bottomRight" jointPoint="topRight">
        <f:facet name="label">
            <h:panelGroup>
                <h:graphicImage
                    value="${initParam.farmconnectImagesDir}/actions-24.png" />
            </h:panelGroup>
        </f:facet>
       
          ...
        <ui:insert name="deviceActionMenuItems" />
    </rich:dropDownMenu>

Thanks alot for any feedback.

Brett

[jhuska]

Hi Brett,

it looks similar to https://issues.jboss.org/browse/RF-12592

Should you try the workaround which is mentioned there. Was that helpful ?

[bretwil31]

Thanks alot.  I took option to override the style as described in that issue.  Now works, although I'll now need to deal with side effects of overflow: visible; in the table. I've voted for

https://issues.jboss.org/browse/RF-11842, I think this will completely solve the problem.

[bretwil31]

Actually, I found the workaround described in https://issues.jboss.org/browse/RF-12592 ended up not solving my problem.  Applying overflow:visible to

richfaces style .rf-edt-c meant every column will overflow and creates unreadable tables.  This also does not solve the problem of clipped menus in small tables where the the menu needs to display past the bottom of the table (either the menu is clipped or it creates a flashing effect where rows move in order to display the drop down menu.  After much trial and error I discovered this simple richfaces override completely solves the problem (well no side effects witnessed yet....):

.rf-ddm-lbl {

     position:static;

}