Incorrect CSS Class Used in Edit Window for Kaleo Workflow Forms Review

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, Master
• Fix Version/s: 7.0.0 DXP FP58, 7.0.0 DXP SP9, 7.0.X, 7.1.X, 7.2.X, Master
• Component/s: Business Productivity > Kaleo Workflow Forms
• Labels:
  • ee-ts
  • liferay-dxp-70-sp9
  • liferay-fixpack-de-58-7010
• Branch Version/s:
  7.2.x, 7.0.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/20420

Description:

There is an issue with editing Kaleo Forms Admin Processes in a Workflow. If the Processes are edited by the approver after being submitted, the inputs and buttons are not able to be interacted with.

 

Steps to Reproduce:

1. Use 7.0.x-private or master-private.
2. Startup Liferay
3. Navigate to

   Site Name → Content → Kaleo Forms Admin

1. Click the Ellipsis menu at the top right and select Manage Field Sets
2. Create a new Field Set with a Text section, a repeatable Documents and Media section, and a Boolean section.
3. Create a new Process using the new Field Set and Single Approver workflow
4. Select the new Process, add a new Form with 2+ documents, and submit for approval
5. Under Notifications, select the Process and assign it to yourself
6. Click on the pencil logo to edit the content.

Expected Results:

You should be able to select and change the documents or inputs.

Actual Results:

The inputs and buttons are not clickable and cannot be interacted with. The console log throws the error:

Error: DDNodeScroll: Invalid Node Given: .lfr-form-content

Branch:

Reproducible in 7.0.x-private

70x-private-fdc8e40c34a624a0071c29528868c193ad383e0f

Master:

 

master-private-90b1eb4e9f0e96bab4abdb57db10c9c224cb2e07