Multi-clicking tabPanel tab resets drop-downs

eparshall Mar 17, 2011 3:09 PM

We are using RichFaces 3.3 and the tabPanel control on several screens to organize a large number of text boxes and drop-down controls. When we double- or triple-click a tab that is currently hidden and has drop-down controls on it the tab will appear correctly at first, but then all of the drop-down controls get reset to their null value. This happens to all of the drop-down controls that allow a null selection.

Here is the portion showing the tabPanel control

 <rich:tabPanel
     id="appTabPanel" 
     switchType="ajax" ignoreDupResponses="true"
     selectedTab="#{applicationDetailController.selectedTab}"

     style="width: 100%">     <rich:tab
          label="Tab With Controls" 
          id="detailTab"
          eventsQueue="queue"
          rendered="#{authUser.hasAccessToRight('application_tab_premium')}">
          <rich:panel id="premiumDetailPanel" style="border:0">
               <a:include id="i1" viewId="/Application/PremiumDetail/premiumDetail.xhtml" 
                    ajaxRendered="false" eventsQueue="queue"/>
          </rich:panel>
     </rich:tab>

When I triple-click I see the get method called 3 times and then the set method gets called with a null value.

1. Multi-clicking tabPanel tab resets drop-downs

eparshall Mar 17, 2011 3:50 PM (in response to eparshall)

I worked around this by creating this javascript function:

function tempDisablePremiumDetailTab() {
document.getElementById("#{rich:clientId('premiumDetailTab')}" + "_shifted").onclick = null;
}

And then calling it ontabenter on the tab that has the drop-downs. I copied this to JIRA: https://issues.jboss.org/browse/RF-10776
Actions