The following happens. I am defaulted to the Credit Card radio button. I decide I want to click the PayPal radio button. I again decide to click the Credit Card radio button. At that very moment 2 extra break tags are inserted right below
<br class="clear_line" style="margin-bottom: 25px;" />
What could be causing this? This is a JSF, SEAM RichFaces application.
<p>
<h:selectOneRadio id="paymentTypeCode"
onclick="uncheckOthers(this.form.id, this.id, 'paymentTypeCode');"
value="#{customerSession.paymentId}">
<f:selectItem id="paymentTypeCreditCard"
itemValue="#{webstoreContext.paymentTypeCreditCard.id}" />
<a:support event="onchange" ajaxSingle="true" reRender="paymentInputAjax"
action="#{customerSession.lookupPaymentMethod}" />
</h:selectOneRadio>
<label id="creditcard_label" for="creditcard"><span>Credit Card</span></label>
<br class="clear_line" style="margin-bottom: 25px;" />
</p>
<s:div id="paypal_fields" rendered="#{customerSession.payPalFlag}">
<p>
<h:selectOneRadio id="paymentTypeCode_2"
onclick="uncheckOthers(this.form.id, this.id, 'paymentTypeCode');"
value="#{customerSession.paymentId}">
<f:selectItem id="paymentTypePayPal"
itemValue="#{webstoreContext.paymentTypePayPal.id}" />
<a:support event="onchange" ajaxSingle="true"
action="#{customerSession.lookupPaymentMethod}" />
</h:selectOneRadio>
<label id="paypal_label" for="paypal">PayPal</label>
</p>
</s:div>