Required checkbox group does not render checked values

Description:

A checkbox group that is required does not render saved checked values. The checkboxes render correctly if the checkbox group is not required.

Environment Details:

• formBuilder Version: 3.1.3
• Browser: Chrome
• OS: Win 10

Expected Behavior

The checkboxes should display as checked if the checkbox is present in the userData array.

Actual Behavior

The checkboxes do not show as checked for required checkbox groups.

Steps to Reproduce

var formData = [ { "type": "checkbox-group", "required": true, "label": "Checkbox Group", "name": "checkbox-group-1550096191629", "values": [{ "label": "Option 1", "value": "option-1" }, { "label": "Option 2", "value": "option-2" }], "userData": ["option-1"] }]; var formRenderOpts = { formData }; $('#fb-viewer').formRender(formRenderOpts);

I have implemented the following work-around, but I want to make sure I am not missing a configuration item somewhere.

var data = formData; if (typeof data !== 'object') { data = JSON.parse(data); } $.each(data, function (i, item) { if (item.type === "checkbox-group") { if (typeof item.required !== 'undefined' && item.required === true) { if (item.userData.length > 0) { $('.field-' + item.name).find('input').each(function (i, e) { if ($.inArray(e.value, item.userData) !== -1) { $(e).prop('checked', true); } }); } } } });

Screenshot - (optional)

[instagibb]

This issue is pretty annoying. As far as I can tell this is caused by the following:

    if (type === 'checkbox-group' && data.required) {
      this.onRender = this.groupRequired
    }

on Line 35-37 of select.js

This replaces the onRender function later on in select.js which is responsible for setting the userData of the checkbox-group. I don’t understand what groupRequired is doing, but it never seems to even consider the userData.

[BenMoses]

This issue looks like it’s fixed in the latest version?

Is it fixed or is there some side-affect? If it is fixed can we close this ticket and I will update to the latest version.

Steps:

1. Link to Demo from above ^ https://codesandbox.io/s/stoic-zhukovsky-sbuhj?fontsize=14&file=/src/index.js
2. Right hand side shows the bottom checkbox group is empty [Bug]
3. Bottom left corner, under dependencies, change formBuilder to 3.8.3
4. Right hand side now shows the bottom checkbox group to be filled [Fixed?]

---