Label option on select from list field is overlapping the form elements

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.13 DXP GA1, 7.4.3.4 CE GA4, Master
• Component/s: Forms
• Labels: None
• Fix Priority: 3
• Git Pull Request: https://github.com/carolmariaabb/liferay-portal/pull/491

 Description

When using a select from list field with a long option label and with 'Allow Multiple Selections', the text is overlapping the other elements on the published form.

 Steps to Reproduce

1. Go to Content & Data > Forms 
2. Create a new form
3. Add a Select From List Field
4. Go to the Basic tab
5. Add a long option label (2x)
6. Go to Advanced Tab
7. Enable 'Allow Multiple Selections' property
8. Publish the form
9. Go to the published form
10. Select more than one option on the select from list label
11. Observe

 Expected Result

The Select From List field option label size and place should work with long texts.

 Actual Result

The Select From List field option label size and place are not working with long texts.

 Video: ActualResult_Sep24_LPS-139810.webm

  Reproduced In:
master: b61478730f9e06b8826633e08c9caf0b7292318d