"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} />

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