10 Replies Latest reply on Feb 25, 2015 11:03 AM by Pierrick Jossinet

    suggestionbox in a modalpanel does not render properly

    Richard Hoffman Newbie

      I'm using FF3 and IE7, and RF 3.2.2.GA, and I've got a suggestion box in a modal panel.

      In FF3, when the component "suggests" stuff, the suggestions appear in two places:
      (1) where they belong, although it is only text with no border and is not selectable
      (2) in the top left corner of my screen, it looks right, but it is still not selectable

      In IE7, only (1) above happens.

      Javascript errors happen in both browsers:
      IE: Unspecified Error
      FF2: A is null

      This was broken a few releases ago, and was working correctly in 3.2.2.BETA3, so I'm rolling back to that until this works again.

      My suggestion box code is as follows (keep in mind this is inside a modalpanel):

      <h:form id="transportationAssetAddEditForm">
      .
      .
      .
      <h:panelGrid columns="2" width="550px" columnClasses="setLeft,setRight">
       <a4j:commandLink value="New Transportation Asset" action="#{transportationAssetManager.startAdd}" reRender="transportationAssetAddEditForm"
       style="font-size: 10pt;" onclick="blur();" oncomplete="doTheShim();">
       </a4j:commandLink>
       <a4j:region>
       <h:inputText value="#{transportationAssetManager.suggestionBoxField}" id="transportationAssetSearchField" />
       <!-- suggestion box for Search feature -->
       <rich:suggestionbox id="suggestionBoxId" for="transportationAssetSearchField" tokens=",[" rules="all"
       suggestionAction="#{transportationAssetManager.autocomplete}" var="result" fetchValue="#{result.assetName}" first="0"
       minChars="1" shadowOpacity="4" border="1" width="150" height="200" zindex="3000" frequency="0" shadowDepth="4"
       cellpadding="2" cellspacing="2" oncomplete="doTheShim();">
       <h:column>
       <h:outputText value="#{result.assetName}" />
       </h:column>
       <a4j:support event="onselect" action="#{transportationAssetManager.startEdit(result.assetName)}"
       reRender="transportationAssetAddEditForm" oncomplete="doTheShim();"/>
       </rich:suggestionbox>
       <h:outputLabel for="transportationAssetSearchField" value="Search Assets" style="margin-left: 4px;" />
       </a4j:region>
      </h:panelGrid>
      .
      .
      .
      </h:form>