Radiobuttons not visible in firefox using h:selectoneradio

Question

Hi ,
We are facing certain issues regarding rendering radio buttons in firefox.
It works fine in IE but doesnot work in Firefox
Please find the below block of code.
In the code shown below,there are two panels for displaying radio buttons.
Last piece of code which displays commandlink is visible ,but the radiobuttons which needs to be shown on pageload is not visible.
When we click on commandlink , the flag showMoreValues turns true and only on click of this link the radiobuttons in second part of the code is visible.
Can you please help me out regarding this issue?
<a4j:form id="subscriptionForm"
                                   ajaxSubmit="true">
                         <f:loadBundle basename="dk.tdc.resources.Messages" var="msgs" />
                                   <h:panelGrid columns="1">
                                        <h:panelGroup rendered="#{subscriptionCard.showValues}"
                                             id="ValuesList">
                                             <h:panelGrid columns="4"
                                                  columnClasses="address_col1,address_col1,address_col1,address_col1">                                                       
                                                       <c:forEach var="privateProducts" items="#{subscriptionCard.Values}">
                                                            <h:selectOneRadio id="#{privateProducts.description}"
                                                                 valueChangeListener="#{subscriptionCard.productChanged}"
                                                                 value="#{subscriptionCard.selectedProductCode}">                                                                 
                                                                 <a4j:support event="onclick"
                                                                      reRender="convertingForm,privateParamCard,businessParamCard,errorDetailsSubs,facilitiesCard,numberSelectCard,npPanel,paymentFormCard" />
                                                                      <f:selectItem itemLabel="#{privateProducts.label}"     itemValue="#{privateProducts.value}" />
                                                            </h:selectOneRadio>
                                                       </c:forEach>
                                             </h:panelGrid>
                                        </h:panelGroup>
                                        <h:panelGroup rendered="#{subscriptionCard.showMoreValues}"
                                             id="moreValues">
                                             <h:panelGrid columns="4"
                                                  columnClasses="address_col1,address_col1,address_col1,address_col1">
                                                       <c:forEach var="privateAllProducts"
                                                            items="#{subscriptionCard.showMoreValues}">
                                                            <h:panelGroup>
                                                                 <h:selectOneRadio id="#{privateAllProducts.description}"
                                                                      valueChangeListener="#{subscriptionCard.productChanged}" value="#{subscriptionCard.selectedProductCode}">
                                                                      <a4j:support event="onclick"
                                                                           reRender="convertingForm,privateParamCard,businessParamCard,errorDetailsSubs,facilitiesCard,numberSelectCard,npPanel,paymentFormCard" />
                                                                      <f:selectItem itemLabel="#{privateAllProducts.label}"
                                                                           itemValue="#{privateAllProducts.value}" />
                                                                 </h:selectOneRadio>
                                                            </h:panelGroup>
                                                       </c:forEach>
                                             </h:panelGrid>
                                        </h:panelGroup>
<h:panelGroup style="float:right;"
                                             rendered="#{subscriptionCard.showValues}">
                                             <h:panelGroup style="float:right;"
                                                  rendered="#{subscriptionCard.ValuesLinkVisible}">
                                                  <a4j:commandLink id="index"
                                                       action="#{subscriptionCard.retrieveMoreValuess}"
                                                       reRender="moreValues"
                                                       value="#{msgs.subscriptioncard_link_more_Values}"></a4j:commandLink>
                                             </h:panelGroup>
                                        </h:panelGroup>

Answer 1

You should probably install Firebug into your Firefox browser. That might help isolate the problem. Also, there's been a recent update to Firefox. Have you installed it? If not, I'd recommend doing that next.
If that doesn't solve it, try removing the components form the page, then adding them back one at a time. You might have a small syntax error on the page that's difficult to see when it's filled with code. Some browsers cope with syntax problems better than others, so what works fine in one browser might not work at all in another.