Cannot resize portlet after clicking inside the portlet in Freeform layout

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.1.20 EE GA2, 6.1.30 EE GA3, 6.2.0 CE B1, 6.2.0 CE B2
• Fix Version/s: 6.1.X EE, 6.2.0 CE B2
• Component/s: Frontend Infrastructure
• Labels:
  • QA-R
  • QA-TP
  • ee-ts
  • liferay-fixpack-user-interface-5-6130
• Branch Version/s:
  6.1.x
• Backported to Branch:
  Committed
• Epic/Theme:
  • Escalation
• Story Points: 2
• Fix Priority: 4
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/13216
• Bug Type: Regression Bug

Steps to reproduce:

1) Change a page layout to freeform
2) Add a portlet to the page

due to LPS-37344
3) on the portlet right click > inspect element
4) find the portlet-boundary container and change the "top" position of the portlet to 150px. This moves the portlet below the top banner thereby making it accessible.

5) resize the portlet (able to do so)
6) click anywhere inside the portlet
7) resize the portlet again (unable to do so)

Actual result:
the mouse will show the resize indicator but instead of resizing, the portlet contents are highlighted

Expected result:
the portlet will resize

I see the correct behavior when I set a break point at _onPortletMouseDown in layout_freeform.js, this fixes the issue when we click inside the portlet but not when we drag. Perhaps there is a race condition?

last known working commit: 8861be4
first known bad commit: 59f8410