"Unknown runtime error" h:selectOneMenu in rich:tabPanel (IE

[wildrook]

Hello,

I'm using 3.2.1 CR5 and got the following javascript error in IE 7:

"Unknown runtime error" reRender event in h:selectOneMenu in rich:tabPanel

Suppose we have 2 tabs:

<rich:tabPanel switchType="ajax">
<rich:tab name="xxx" label="xxx">
<ui:include src="xxx.jspx" />
</rich:tab>
<rich:tab name="yyy" label="yyy">
<ui:include src="yyy.jspx" />
</rich:tab>
</rich:tabPanel>

and in yyy.jspx we have:

<a4j:form>
<a4j:outputPanel id="panel">
<h:selectOneMenu>
<a4j:support event="onchange" reRender="panel"/>
<f:selectItem itemLabel="1" itemValue="1" />
<f:selectItem itemLabel="2" itemValue="2"/>
</h:selectOneMenu>
</a4j:outputPanel>
</a4j:form>

when firing onchange event we got "Unknown runtime error" in IE7,
this is not happen in Firefox

¿Is this a bug of 3.2.1 or should I change my code?

Best regards and Thanks,
Ian

[wildrook]

I found the solution for IE, <a4j:outputPanel> should be moved outside of include and it works!

<rich:tabPanel switchType="ajax">
<rich:tab name="xxx" label="xxx">
<ui:include src="xxx.jspx" />
</rich:tab>
<rich:tab name="yyy" label="yyy">
<a4j:form>
<a4j:outputPanel id="panel">
<ui:include src="yyy.jspx" />
</a4j:form>
</a4j:outputPanel>
</rich:tab>
</rich:tabPanel>

and in yyy.jspx we have:

<h:selectOneMenu>
<a4j:support event="onchange" reRender="panel"/>
<f:selectItem itemLabel="1" itemValue="1" />
<f:selectItem itemLabel="2" itemValue="2"/>
</h:selectOneMenu>