#p_p_id portlet references in custom css are not upgraded from 6.2

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, 7.2.X, Master
• Fix Version/s: 7.2.10 DXP FP11, 7.2.10.4 DXP SP4, 7.2.X, 7.3.10 DXP FP1, 7.3.10.1 DXP SP1, 7.3.6 CE GA7, 7.3.X, 7.4.13 DXP GA1, Master
• Component/s: Portal Services > Configuration Management > Portlets
• Labels:
  • 7.3-pre-fp1
  • ee-ts
  • liferay-dxp-72-sp4
  • liferay-dxp-73-sp1
  • liferay-fixpack-dxp-1-7310
  • liferay-fixpack-dxp-11-7210
  • pt-upgrade-review
• Branch Version/s:
  7.3.x, 7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/achaparro/liferay-portal/pull/795
• Bug Type: Code Upgrade

Reproducing steps

1. Start up a Liferay 6.2.
2. Add several portlets to a page.
3. For each portlet, go to its Look and Feel > Portlet Configuration and in the "Show Borders" selector, select "No"
4. Refresh the current page
5. For each portlet, go to its Look and Feel > Advanced Styling and make use of the Portlet ID's reference for CSS. You can click on "Add a CSS rule for just this portlet." to add
   • For example, for the Web Content Display it would read something like: #p_p_id_56_INSTANCE_Y3IiwK51r0YH
   • It could be used like

     #p_p_id_56_INSTANCE_Y3IiwK51r0YH {
         color: red
     }
     

6. Upgrade from 6.2 to a higher version.
   • In this upgrade there's a step changing the portlet name's from numbers to fully qualified names. For example: 56 will become com_liferay_journal_content_web_portlet_JournalContentPortlet.
7. Start up the upgraded installation
   Expected: The portlets have the same styles as before. (In particular, the Web Content Display with a red background color is still red.)
   Observed: The portlets have lost the previous style.