Terms and Condition accept checkbox is not responsive

At signing up a new user, the Terms and Conditions field has an Accept checkbox that is required. When clicking on it first time it doesn't change and after clicking the second time it displays a warning: * This field is required.
I don't know what parameter in the Terms and Condition field is controlling this behavior or if it is controlled from somewhere else, e.g. global settings.
If I make this field Not Required, I can proceed with the registration but I need it to be required.

Please advise.

It's just a plain ol' HTML checkbox input. So that shouldn't be happening unless you've some sort of JavaScript on your site acting on click events for it. Edit your terms and conditions field in CB > Field Management and provide what you've configured under Parameters > Display. Under Integrations be sure you're not using any integration validations on it as it doesn't particularly need any additional validation behavior. Please also provide what Joomla version you're on.

Parameters of Terms and Conditions field:
Global
Publish Yes
Tab Account
Required Required
Read Only No
Show on Profile No
Show on Registration Yes, 1 Line with Empty Title
Default Registration Value (empty)
Searchable No
Size 0
Ordering 19

Parameters/Layout
Prepare Layouts using Content Plugins No
Icons Display Normal CB Default
Input Description Yes

Parameters/Layout
Output Test
Type TERMS_AND_CONDITIONS
Display Modal Window
Duration Forever

Integrations/CB Privacy
Display Normal CB settings (with everything on Display and Rules set as Same as Global)

Integrations/CB Conditional Normal CB settings

Integrations/CB Core Fields Ajax/Profile View
Display Disable on both Profile View and Userlist View

Integrations/CB Code Field & CB Query Field are Disable

I tried it in multiple browsers and it behaves the same in all.



Thanks for the follow up.

It is running on Joomla 6.1.0
Here is the screenshot of inspector focused on that checkbox
 

Strange, please PM (see link in signature below) a URL to your registration page where this issue is present and will inspect the page further to try and see if something is binding to it.

Have reviewed your install. The checkbox is actually working. The reason it doesn't look checked is the CSS on your site has the checkmark color as white. The background is also white. So you can't see that it's checked. Easiest way to know it's checked is the validation error goes away. When you right click and inspect element on the checkbox you'll see the following CSS.

That's the CSS Joomla uses in the Cassiopeia template to display checkmarks. If you then add something like "background-color: black;" to the checkbox you'll see that it's checked. I recommend working on your sites styling a bit more as some elements don't appear ready for black background or consider moving away from black background.

This is partially due to a style conflict between Joomla and CB though. You can resolve that partial conflict within CB > Configuration > Integration by setting "Bootstrap (Frontend)" to "Bootstrap 5 Compatibility". This will at least force CB to just inherit whatever styling Joomla's Bootstrap is providing.

You will still have a white checkmark though. That seams to be a bug in Joomla's template itself. I'm guessing you used the new feature to generate Cassiopeia with custom colors? It seams to have a color conflict between the template and colors.css. The below is your CSS with more selector weight so it applies. This is just a bandaid fix though as ideally your template needs fixed.

You can apply it using CB template CSS overrides shown below or use Joomla's user.css override file.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy