Portlet's Look and Feel generates incorrect portlet id

• Type: Bug
• Status: Closed
• Resolution: No Longer Reproducible
• Affects Version/s: 7.0.0 DXP FP11, 7.0.0 DXP SP2, Master
• Fix Version/s: 7.0.0 DXP FP12, 7.0.0 DXP SP2, 7.0.3 CE GA4, Master
• Component/s: ~[Archived] Widget configuration
• Labels:
  • QA-F
  • liferay-digital-enterprise-70-sp2
  • liferay-fixpack-de-12-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Liferay Contributor's Agreement:
  Accept
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/46986

Issue
In a portlet's Advanced Styling > Advanced Styling, incomplete portlet id is displayed. Also, Add a CSS rule for this portlet. link generates incomplete portlet id selector into Enter your custom CSS. textarea.

Steps to reproduce

1. Open a portlet's Look and Feel Configuration
2. Click on Advanced Styling tab
3. Click on Add a CSS rule for this portlet. tab

Actual results
In Advanced Styling tab, incomplete portlet id is displayed and Add a CSS rule for this portlet. link generates incomplete portlet id selector into Enter your custom CSS. textarea.
e.g.

Actual portlet id	Expected portlet id
#com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_n1x0gYJhVrH1	#portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_n1x0gYJhVrH1

Note that the actual portlet id is lack of prefix "portlet_".

Expected results
Completed portlet id that has prefix "portlet_" should be generated and displayed.

Reproduced in:
DXP + DE-11
ee-7.0.x 223fae27fb40642fa80cc2c01f726fb6fd0c079c
master bf6c7951e2c29fcc72b415ca918e13dad3459361