[Bug] Switch places of duplicated color picker fields with different colors do not work correctly

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.3.0 CE GA1, 7.3.10 DXP GA1, Master
• Component/s: Data Engine
• Labels:
  • fc_19_11
• Fix Priority: 4
• Epic Link: WEM & D&M requirements
• Sprint: Data_Engine_7.3_11, Data_Engine_7.3_12
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/81214

Summary:
Switch places of duplicated color picker fields with different colors do not work correctly

Steps:

1. Go to Content & Media > Forms > Add a new form
2. Add a color picker field (Notice that predefined color is black)
3. Duplicate the color picker field added
4. Change the predefined value on the duplicated field (red)
5. Switch places of fields, putting black field on the bottom and the red on the top.

 Actual result:

• All fields are red (When you save it, they get their colors back)
• Sometimes user cannot drop the field that was on the top in the bottom.

 Expected result:

• Fields keep their correct colors.
• User can drag and drop fields.