The modal of react flow panel inside the track approval feature brakes with low value width on the page

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: Workflow
• Labels:
  • liferay-update-dxp-1-7413
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay-workflow/liferay-portal/pull/643

  Description:
The modal of react flow panel inside the track approval feature brakes with low value width on the page at Kaleo Forms Admin (already on master) and Metrics (feature flag) 

Steps to Reproduce: (Kaleo Forms)

1. Go to Side Menu > Content & Data > Kaleo Forms Admin
2. Add a new process
3. Add a new submission to the process created
4. Click on View at the right corner of the submission
5. Click on the status "pending" at the top of the submission details page
6. Shrink the page until it has a low width (example : 991:111)

Steps to Reproduce: (Kaleo Forms)

1. Go to Open Menu >Applications >Workflow >Process Builder >Configuration Tab
2. Assign Blogs to Single Approver
3. Add a new blog
4. Go to Open Menu > Applications> Workflow> Metrics> Single Approver
5. Click on total pending card
6. Click on the id of the blog created
7. At process status row, click on Track Workflow
8. Shrink the page until it has a low width (example : 991:111)

Expected Result:
The react flow panel should not break and be adjusted to the size of the page

Actual Result:
The react flow panel broke and it was not adjusted to the new size of the page

Verified on master: ab86c8c57deae87b346e384285daba0b27e17fe4