My page contians a slider and a drop down box, both displaying the same information. I am using a4j support command to rerender the UI on onchange (working) but I also rerender the counterpart component - which never seems to update:

<a4j:outputPanel style="float:right" id="viewList">
 <h:selectOneMenu value="#{bean.idx}" >
 <f:selectItems value="#{bean.beanItems}" />
 <a4j:support event="onchange" reRender="redrawTabs, views, viewIter" ajaxSingle="true"/>
 </h:selectOneMenu>
 </a4j:outputPanel>

<a4j:outputPanel id="viewIter" style="width:80%; margin-left: auto; margin-right: auto;" layout="block">
 <rich:inputNumberSlider
 value="#{bean.idx}"
 minValue="-1"
 maxValue="#{bean.maxIdx}"
 enableManualInput="false"
 showInput="false"
 showToolTip="false"
 showBoundaryValues="false"
 width="100%">
 <a4j:support event="onchange" reRender="redrawTabs, views, viewList" ajaxSingle="true"/>
 </rich:inputNumberSlider>
 </a4j:outputPanel>

I move the slider and the data area (code not shown, but identified by "views") is rerendered, the "redrawTabs area is also reRendered correctly and I know the call is being made to the server to reRender the selectOneMenu BUT it is not selecting the right option.

The same thing happens when I select using the menu. All the data changes, BUT the inputNumberSlider doesn't remain in synch.

IF i change the value attributes on both of them to say "4" the page loads with them selecting that value. Its only on AJAX refreshes that I am seeing the issue.

T