Hello,
If you wrap the “Conditionnal Wrapper” element in a Block and set the elements inside as required, the next button will not allow you to continue if you don’t fill out the hidden elements inside the “Conditionnal Wrapper”.
Here is the bugged sample:
{"content":[{"id":"ztawao","name":"brf-pro-forms","parent":"wdcqeg","children":["vwktgs","kpanad","jcayxv","jeerqt","mxmmvk"],"settings":{"emailSubject":"Contact form request","emailTo":"admin_email","fromName":"FromName","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","pro_forms_post_action_post_create_post_status":"draft","pro_forms_post_action_post_create_pt":"post","resetUserPasswordNotificationNewPassword":"Please enter a new password","resetUserPasswordNotificationPasswordsDoNotMatch":"Passwords do not match","resetUserPasswordNotificationCurrentPasswordIncorrect":"Current password is incorrect","emailContent":"Name: {{d0afe2}}\n","multiStepAutoFocusFirstField":true,"multiStepFirstStep":"First step","multiStepStepAllowClicks":true,"multiStepButtonsFlexDirection":"column","multiStepJumpOffset":"60px","requiredAsterisk":true,"multiStepAnimateSteps":true,"showLabels":true,"labelTypography":{"font-size":"var(--text-s)"},"fieldMargin":{"bottom":"0"},"fieldPadding":{"bottom":"0"},"_cssCustom":"#brxe-ztawao ul.options-wrapper label {\n font-size: var(--text-m);\n}","radioWidth":"20","radioHeight":"20","radioBorder":{"radius":{"top":"50%","right":"50%","bottom":"50%","left":"50%"}}},"themeStyles":{}},{"id":"vwktgs","name":"block","parent":"ztawao","children":["lgbode"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>"}},{"id":"lgbode","name":"block","parent":"vwktgs","children":["xoehqp"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>"}},{"id":"xoehqp","name":"brf-pro-forms-field-radio-wrapper","parent":"lgbode","children":["nzrkau","njvqpt"],"settings":{"id":"cheveux-tombent-trop","label":"Vos cheveux tombent-ils trop en ce moment ?","showLabel":true,"width":"100%","customRequired":true,"radioFlexDirection":"row","_cssGlobalClasses":["kpkcny"]}},{"id":"nzrkau","name":"brf-pro-forms-field-radio","parent":"xoehqp","children":[],"settings":{"label":"Oui","showLabel":true,"value":"1"},"label":"Radio","themeStyles":{}},{"id":"njvqpt","name":"brf-pro-forms-field-radio","parent":"xoehqp","children":[],"settings":{"label":"Non","showLabel":true,"value":"2","id":"imuprn"},"label":"Radio","themeStyles":{}},{"id":"kpanad","name":"block","parent":"ztawao","children":["nrbirj"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>"}},{"id":"nrbirj","name":"brf-pro-forms-field-conditional-wrapper","parent":"kpanad","children":["wynwuc"],"settings":{"tag_name":"div","conditionsRelation":"and","hasConditions":true,"conditions":[{"id":"whayzq","condition":"form_field","value":"cheveux-tombent-trop","operator":"==","value2":"1","type":"string"}],"_cssGlobalClasses":["rlrsda"]},"themeStyles":{}},{"id":"wynwuc","name":"brf-pro-forms-field-radio-wrapper","parent":"nrbirj","children":["vnprrm","pdruwy","wfprka"],"settings":{"id":"cheveux-tombent-depuis","label":"Depuis :","showLabel":true,"width":"100%","radioFlexDirection":"row","_cssGlobalClasses":["kpkcny"],"customRequired":true}},{"id":"vnprrm","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"1 mois environ","showLabel":true,"value":"1"},"label":"Radio"},{"id":"pdruwy","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"Plusieurs mois","showLabel":true,"value":"2","id":"imuprn"},"label":"Radio"},{"id":"wfprka","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"Plusieurs années","showLabel":true,"value":"3","id":"dspcsw"},"label":"Radio"},{"id":"jcayxv","name":"brf-pro-forms-field-next","parent":"ztawao","children":[],"settings":{"label":"Next","id":"enlljx"}},{"id":"jeerqt","name":"brf-pro-forms-field-step","parent":"ztawao","children":[],"settings":{"label":"Mes problèmes de cheveux","id":"sjwjmq"},"label":"Step","themeStyles":{}},{"id":"mxmmvk","name":"brf-pro-forms-field-textarea","parent":"ztawao","children":[],"settings":{"id":"yekurb","label":"Autre chose à nous dire ?","showLabel":true,"width":"100%","autocomplete":"off","_padding":{"bottom":"0"}},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"http://www.none.com","version":"1.9.6.1","globalClasses":[{"id":"kpkcny","name":"diag-form-radio-wrapper","settings":{"radioColumnGap":"var(--space-s)","radioRowGap":"var(--space-xs)"}},{"id":"rlrsda","name":"diag-form-element-container","settings":{"_direction":"row","_columnGap":"var(--content-gap)","_rowGap":"var(--space-s)","_display":"flex","_gap":"var(--space-s)"}}],"globalElements":[]}
Here is a working sample with conditionnal wrapper not wrapped in a block:
{"content":[{"id":"ztawao","name":"brf-pro-forms","parent":"wdcqeg","children":["vwktgs","nrbirj","jcayxv","jeerqt","mxmmvk"],"settings":{"emailSubject":"Contact form request","emailTo":"admin_email","fromName":"FromName","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","pro_forms_post_action_post_create_post_status":"draft","pro_forms_post_action_post_create_pt":"post","resetUserPasswordNotificationNewPassword":"Please enter a new password","resetUserPasswordNotificationPasswordsDoNotMatch":"Passwords do not match","resetUserPasswordNotificationCurrentPasswordIncorrect":"Current password is incorrect","emailContent":"Name: {{d0afe2}}\n","multiStepAutoFocusFirstField":true,"multiStepFirstStep":"First step","multiStepStepAllowClicks":true,"multiStepButtonsFlexDirection":"column","multiStepJumpOffset":"60px","requiredAsterisk":true,"multiStepAnimateSteps":true,"showLabels":true,"labelTypography":{"font-size":"var(--text-s)"},"fieldMargin":{"bottom":"0"},"fieldPadding":{"bottom":"0"},"_cssCustom":"#brxe-ztawao ul.options-wrapper label {\n font-size: var(--text-m);\n}","radioWidth":"20","radioHeight":"20","radioBorder":{"radius":{"top":"50%","right":"50%","bottom":"50%","left":"50%"}}},"themeStyles":{}},{"id":"vwktgs","name":"block","parent":"ztawao","children":["lgbode"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>"}},{"id":"lgbode","name":"block","parent":"vwktgs","children":["xoehqp"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>"}},{"id":"xoehqp","name":"brf-pro-forms-field-radio-wrapper","parent":"lgbode","children":["nzrkau","njvqpt"],"settings":{"id":"cheveux-tombent-trop","label":"Vos cheveux tombent-ils trop en ce moment ?","showLabel":true,"width":"100%","customRequired":true,"radioFlexDirection":"row","_cssGlobalClasses":["kpkcny"]}},{"id":"nzrkau","name":"brf-pro-forms-field-radio","parent":"xoehqp","children":[],"settings":{"label":"Oui","showLabel":true,"value":"1"},"label":"Radio","themeStyles":{}},{"id":"njvqpt","name":"brf-pro-forms-field-radio","parent":"xoehqp","children":[],"settings":{"label":"Non","showLabel":true,"value":"2","id":"imuprn"},"label":"Radio","themeStyles":{}},{"id":"nrbirj","name":"brf-pro-forms-field-conditional-wrapper","parent":"ztawao","children":["wynwuc"],"settings":{"tag_name":"div","conditionsRelation":"and","hasConditions":true,"conditions":[{"id":"whayzq","condition":"form_field","value":"cheveux-tombent-trop","operator":"==","value2":"1","type":"string"}],"_cssGlobalClasses":["rlrsda"]},"themeStyles":{}},{"id":"wynwuc","name":"brf-pro-forms-field-radio-wrapper","parent":"nrbirj","children":["vnprrm","pdruwy","wfprka"],"settings":{"id":"cheveux-tombent-depuis","label":"Depuis :","showLabel":true,"width":"100%","radioFlexDirection":"row","_cssGlobalClasses":["kpkcny"],"customRequired":true}},{"id":"vnprrm","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"1 mois environ","showLabel":true,"value":"1"},"label":"Radio"},{"id":"pdruwy","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"Plusieurs mois","showLabel":true,"value":"2","id":"imuprn"},"label":"Radio"},{"id":"wfprka","name":"brf-pro-forms-field-radio","parent":"wynwuc","children":[],"settings":{"label":"Plusieurs années","showLabel":true,"value":"3","id":"dspcsw"},"label":"Radio"},{"id":"jcayxv","name":"brf-pro-forms-field-next","parent":"ztawao","children":[],"settings":{"label":"Next","id":"enlljx"}},{"id":"jeerqt","name":"brf-pro-forms-field-step","parent":"ztawao","children":[],"settings":{"label":"Mes problèmes de cheveux","id":"sjwjmq"},"label":"Step","themeStyles":{}},{"id":"mxmmvk","name":"brf-pro-forms-field-textarea","parent":"ztawao","children":[],"settings":{"id":"yekurb","label":"Autre chose à nous dire ?","showLabel":true,"width":"100%","autocomplete":"off","_padding":{"bottom":"0"}},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"http://www.none.com","version":"1.9.6.1","globalClasses":[{"id":"kpkcny","name":"diag-form-radio-wrapper","settings":{"radioColumnGap":"var(--space-s)","radioRowGap":"var(--space-xs)"}},{"id":"rlrsda","name":"diag-form-element-container","settings":{"_direction":"row","_columnGap":"var(--content-gap)","_rowGap":"var(--space-s)","_display":"flex","_gap":"var(--space-s)"}}],"globalElements":[]}