Hi,

Works ok for me. Can you please add screenshot and browser information?

I can't do that because the demo is still in version 3.3.2.GA.

Hi,

I work with nfeybesse, and here is what we have :

http://img337.imageshack.us/img337/9350/dropdown.png
http://img337.imageshack.us/img337/9045/dropdown2.png

The menu should appear under the "options" button when the latter has been clicked, but it appears outside of the borders of the frame.

Also note that the submenu shown in the first screenshot is absolutely placed where it should, whereas the submenu shown in the second screenshot is relatively placed where it should, which puzzles me.

here is the code of the dropdown menu. The "options" button is in a rich:toolbar element, but I've tried moving it out, and it didn't change anything.

<rich:dropDownMenu>
 <f:facet name="label">
 <h:outputText value="Options" />
 </f:facet>

 <rich:menuGroup value="#{messages.Language}">
 <c:forEach var="locale" items="#{localeSelector.supportedLocales}">
 <rich:menuItem value="#{locale.label}"
 iconDisabled="#{infos.imgNavigateRight}"
 disabled="#{localeSelector.localeString eq locale.value}"
 immediate="true" ajaxSingle="true"
 actionListener="#{localeSelector.setLocaleString(locale.value)}"
 action="#{localeSelector.select}" />
 </c:forEach>
 </rich:menuGroup>

 <rich:menuGroup value="#{messages.SelectDatePattern}">
 <c:forEach var="pattern" items="#{calendarBean.patterns}">
 <rich:menuItem submitMode="ajax" value="#{pattern.label}"
 iconDisabled="#{infos.imgNavigateRight}"
 disabled="#{calendarBean.currentDatePattern eq pattern.value}"
 immediate="true" ajaxSingle="true"
 actionListener="#{calendarBean.setCurrentDatePattern(pattern.value)}"
 action="application" />
 </c:forEach>
 </rich:menuGroup>

 <rich:menuGroup value="#{messages.administrationSkins}">
 <c:forEach var="theme" items="#{themeSelector.themes}">
 <rich:menuItem submitMode="ajax" value="#{theme.label}"
 iconDisabled="#{infos.imgNavigateRight}"
 disabled="#{themeSelector.theme eq theme.value}" immediate="true"
 ajaxSingle="true"
 actionListener="#{themeSelector.setTheme(theme.value)}"
 action="#{themeSelector.select}" />
 </c:forEach>
 </rich:menuGroup>

 </rich:dropDownMenu>

<div class="rich-mpnl_panel">

<div class="rich-mpnl-panel">

not css change should not be related to this. because new class contains fully the same props.

Please try firebug to check styles applied. Maybe some your classes overrides some our properties?

I've digged a little deeper. Css is not involved. It's the disabled tag of a menuItem that causes the problem. You could try the following example to convince yourself of the problem.

<rich:dropDownMenu>
 <f:facet name="label">
 <h:outputText value="titi" />
 </f:facet>
 <rich:menuGroup value="bob">
 <rich:menuItem value="bob1" />
 <rich:menuItem value="bob2" disabled="true"/>
 <rich:menuItem value="bob3" />
 <rich:menuItem value="bob4" />
 </rich:menuGroup>
 <rich:menuGroup value="toto">
 <rich:menuItem value="toto1" />
 <rich:menuItem value="toto2" />
 <rich:menuItem value="toto3" />
 </rich:menuGroup>
 <rich:menuItem value="coucou" />
 </rich:dropDownMenu>

https://jira.jboss.org/jira/browse/RF-7994

thanks for your report!

seems we have no workaround unfortunatelly. So you have two ways

1) use 3.3.3 SNAPSHOT after will be fixed
2) if you can use stable releases only - could workaround this by emulating disabled instead of attribute usage. (css class and submitMode="none" or onclick=return false;)

Ok, thanks for the tips...