6 Replies Latest reply on Jun 19, 2012 8:51 AM by 1scrapper1

    comboBox on modalPanel dropdown scrolling problem

    1scrapper1

      Hello.

      Googled a lot but have not found mention of this issue.

       

      I have a comboBox placed on modalPanel on a page which is big enough and has a vertical scroll.

      If I open a panel, open combo's dropdown list and try to scroll outside the panel - dropdown's position stays fixed (see screenshot). Reproducable in IE8 and FF

       

      Here is the code snippet

       

       

      {code:xml}

      <?xml version='1.0' encoding='UTF-8' ?>

      <html xmlns="http://www.w3.org/1999/xhtml" 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:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j"

        xmlns:c="http://java.sun.com/jstl/core" xmlns:fn="http://java.sun.com/jsp/jstl/functions"

        xmlns:o="http://myfaces.apache.org/orchestra" xmlns:bics="http://www.belgacom-ics.com/facelet-tags">

      <ui:composition template="/facelets/template.xhtml">

       

      <ui:define name="body">

      <div>

      <h:commandButton onclick="#{rich:component('mPanel')}.show()" value="ClickMe"/>

      <rich:modalPanel id="mPanel">

      sometest

      <a4j:outputPanel>

      <rich:comboBox>

      <h:commandButton onclick="#{rich:component('mPanel')}.hide()" value="CloseMe"/>

       

      <f:selectItem itemValue="item1"/>

      </rich:comboBox>

      </a4j:outputPanel>

      </rich:modalPanel>

      </div>

      <div>

      <rich:spacer height="2000"/>

      </div>

       

      </ui:define>

      </ui:composition>

      </html>

      {code:xml}