[#8772] class="form-check-input" missing on required Radio Buttons Field

Joomla 3.10.3, Current Version of Community Builder

When displaying Not Required CB Fields of type Radio Buttons, the CSS class .form-check-input is applied to the HTML input control.

When the field is Required and displayed, the CSS class .required is used, but the class .form-check-input is not applied causing the button and label to display improperly.

Is this the intended functionality?

Radio Buttons don't have form-check-input regardless of them being required or not. It's not a check input, but a button list. See the below of required state working fine.



Did you add a custom CSS rule by mistake using the CSS Class parameter in the field? Please provide a screenshot of how it's displaying for you.

Thank you for your reply.

The use of the word "buttons" can be confusing.

I should have been more clear. In this case, I'm addressing when the field Type is Radio Buttons and it has its Display set to Radios, not buttons. For example, the Gender or [b Age Group[/b] fields on this site when editing my profile ( www.joomlapolis.com/profile-edit About Me tab).

In the attached screenshot, the radios for Gender have the CSS class of .form-check-input because they are not required. Even if they were required, they should also have that class so they display properly.

Ah, thank you for the additional information. Was able to confirm and fix the issue for next release.

forge.joomlapolis.com/issues/8772