Color Palette does not have tooltip when hovering the mouse

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.3.10 DXP FP2
• Fix Version/s: 7.3.10.3 DXP SP3, 7.3.X, 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: Fragments Toolkit
• Labels:
  • ee-ts
  • liferay-dxp-73-sp3
  • liferay-fix-pack-dxp-3-7310
  • liferay-fixpack-dxp-3-7310
• Branch Version/s:
  7.3.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/6246
• Bug Type: UX / Visual - Desktop

Steps to reproduce:

1. Launch a 7.3 bundle, and log in as an admin
2. Navigate to a site’s Site Admin > Design > Fragments menu, then add a new Collection “TestCollection”
3. Add a new component “TestFragment” (via the plus button), then enter in the following into the html section of the Code tab:

<div class="fragment_4">
        <div class="border-${configuration.textColor.cssClass}">
			<span class="fragment-meta" data-lfr-editable-id="fragment-subtitle" data-lfr-editable-type="text">Fragment Subtitle</span>
        </div>
    </div>

4. In the Configuration tab, add the following JSON configuration, then click Publish:

{
    "fieldSets": [
        {
            "fields": [
                {
                    "name": "textColor",
                    "label": "Accent Color",
                    "type": "colorPalette",
                    "dataType": "object",
                    "defaultValue": {
                        "cssClass": "white",
                        "rgbValue": "rgb(255,255,255)"
                    }
                },
                
            ],
      
        }
    ],
}

5. Navigate to edit mode for a page on the site (creating one if necessary), then place the created fragment on a page (it can be found the very bottom of the Fragments and Widgets selector, hidden in the collection menu)

6. Click on the fragment, then observe the fragment’s General > Accent Color field

Expected:
A tooltip with the color's name should be shown with the user hovers the mouse over a color. 

Current:
There is no tooltip when the user hovers the mouse over a color.