I have a rich:picklist with the following code:
<rich:modalPanel>
...
<a4j:form>
...
<rich:pickList id="templates" value="#{mtfManager.chosenTemplatesToMerge}" targetListWidth="325"
sourceListWidth="325" copyAllControlLabel="Add All" copyControlLabel="Add">
<s:selectItems value="#{mtfManager.templatesToChooseFrom}" var="mtfData" label="#{mtfData.nameServiceTaxonomy}" />
<s:convertEntity />
</rich:pickList>
...
</a4j:form>
...
</rich:modalPanel>
My application's input is largely driven by one main modalpanel, and sometimes we spawn a modalpanel from this main one. If I spawn the modalpanel I pasted here from our main modalpanel, I get some strange behavior:
Say the list on the left has 10 entries, "Entry 1", "Entry 2"..."Entry 10".
The list renders properly and allows me to double-click Entry 1 on the left to move it to the right. However, if I double-click another entry (say Entry 6), the list on the right refreshes to show one entry: Entry 2. Sometimes double-clicking on one entry causes the list on the right to add 5 entries. The "Add/Remove All" buttons work, but the "Add/Remove" (one entry) buttons have similar issues.
I've tried this with a shuttleList and I have the same problem. I copy-pasted my pickList to a form on the main modalpanel and it worked fine. Also, FF3 and IE both have the problem, so it's not a browser issue.
Any ideas?