0 Replies Latest reply on Oct 22, 2008 1:30 PM by Eric Snodgrass

    Bug in rich dropdownmenu with IE 7 and CSS positioning

    Eric Snodgrass Newbie

      I accidentally posted this in the design forum, so I'm reposting it here.

      Someone might want to correct me on this, but I believe I have found a bug in rich:dropdownmenu in IE 7 while using CSS positioning (non-static). What happens is when you use CSS to position items using all but static positioning in IE 7, the dropdownmenu will appear BEHIND a component below it which has anything but static (default) positioning. This works fine in Firefox 3 (the menu appears in FRONT of the element below it).

      My environment ( I have tried to make this test case as simple as possible):

      Richfaces 3.2.2.GA (and whatever version of Ajax4java comes with that)

      I've worked around it, but I just thought maybe the developers would want to know about it.

      Here is a very simple example page to illustrate the problem:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

      <a4j:form id="test">
      <rich:toolBar itemSeparator="line" style="position:fixed;top:0px;">
      <rich:dropDownMenu direction="bottom-right">
      <f:facet name="label">
      <h:panelGroup>
      <rich:spacer style="width:10px" />
      <h:outputText value="Menu 1" />
      </h:panelGroup>
      </f:facet>

      <rich:menuItem value="Yahoo" immediate="true" action="http://www.yahoo.com" />
      <rich:menuItem value="Google" immediate="true" action="http://www.google.com" />
      <rich:menuItem value="JBOSS" immediate="true" action="http://www.jboss.org" />
      <rich:menuItem value="Apache" immediate="true" action="http://www.apache.org" />
      </rich:dropDownMenu>
      </rich:toolBar>

      <rich:panel style="position:fixed;top:40px;">
      <h:outputText value="This is Bob. "/>
      <h:outputText value="Bob ordered Enzyte. "/>
      <h:outputText value="Now Bob's wife and coworkers are happy."/>
      </rich:panel>
      </a4j:form>

      (Be sure to add the end html and head and body tags that are stripped out by the forum)