[BUG] On New Experience, big names broke the UI

• Type: Technical Task
• Status: Closed
• Priority: Major
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Content Page Experience Personalization
• Labels: None
• Sprint: SP | Sprint 9 | Mar6 - Mar15
• Git Pull Request: https://github.com/p2kmgcl/liferay-portal/pull/355

Requirement:

1. Created at least two segments named Segment A and Segment B
2. Created some page to use this Segmentation

Step-by-Step:

1. Go to your page that you will use the Segmentation feature
2. Create one "New Experience"
3. Click on the "Experience" to list the experiences and tries to edit someone
4. In the name field put a very long text
5. save

Actual result:

• The big text "cut" the text
• The field doesn't have a break line
• The field broke the UI for this component.

Expected:

• The big text doesn't "cut" the text, by break line or truncate the text
• The field did not break the UI for this component.

Environment: master-private (Liferay DXP 7.2 EE) localhost
Commit: cdbff03ace8a831bbd34d04e6c0f1f7139af42ca

Evidence:
Story-QA-Validation-Big_name.webm

Browsers:

• Firefox Latest
• Chrome Latest