"divi/icon" :: resetting font icon resets all fields of the group

[IvanChiurcci]

Problem Description

Clicking to reset the font icon field value of the 'divi/icon' component resets all other fields of the group too ('color', 'useSize' and 'size').

Steps To Reproduce

1. Add the 'divi/icon' group to a Divi module using the <ModuleFields /> component:

const defaultFieldsProps = {
  icon: { 
      groupName:  'icon',
      render:     true,
      priority:    10,
      component: {
          type: 'group',
          name: 'divi/icon',
          props: {
              attrName:   `module.decoration.icon`,
              grouped:    true,
              fieldLabel: __(`Test Icon`, ''),
          }
      },
  },
}

<GroupContainer
  groupName={groupName}
  id={groupId}
>
  <ModuleFields
    fields={defaultFieldsProps}
  />
</GroupContainer>

2. Go to the module settings, set the icon color, size and select the font icon.
3. Click the reset icon of the font icon selection field to reset it. This will reset not only the font icon field value but the values of the color and size as well.

Related Links

• Discord Discussion: link

Gif

System Information

• Divi version: 5.0.0-public-alpha
• Browser: Chrome Version 129.0.6668.90
• WordPress version: 6.6.2