Error message style does not wrap around long word without spaces completely in entry preview

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.1.X EE, 6.2.X EE, 7.0.0 M3
• Fix Version/s: 6.2.2 CE GA3 , 6.2.X EE, 7.0.0 M1
• Component/s: Frontend Infrastructure
• Labels:
  • 6.1_release_notes
  • QA-FP
  • liferay-fixpack-user-interface-13-6210
• Environment:
  Hide

  Tomcat 7.0.40 + MySQL 5.5.21 Portal 6.1.x.EE GIT ID: fa076a5efbb1efd9bac640f1d24166450c87d4f3.; Tomcat 7.0.42 + MySQL 5.5.21 Portal ee-6.2.x EE GIT ID: 7d051a79cba0a9df74222e659b85af0725cd565e. ; Tomcat 7.0.42 + MySQL 5.5.21 Portal master GIT ID: f69fbb71a96c8409414f131ade9d0080dd331f1b.

  Show

  Tomcat 7.0.40 + MySQL 5.5.21 Portal 6.1.x.EE GIT ID: fa076a5efbb1efd9bac640f1d24166450c87d4f3. Tomcat 7.0.42 + MySQL 5.5.21 Portal ee-6.2.x EE GIT ID: 7d051a79cba0a9df74222e659b85af0725cd565e. Tomcat 7.0.42 + MySQL 5.5.21 Portal master GIT ID: f69fbb71a96c8409414f131ade9d0080dd331f1b.
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Story Points: 7
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/18562
• Bug Type: Regression Bug

Steps for reproduce:

1. Go to Site Administration -> Web Content.
2. Add Basic Web Content.
3. Enter test for title.
4. Enter many letters for the content without any whitespaces.
5. Change the Block Styles to "Error Message" in CKEditor.
6. Back to Web Content and Click Preview.

Actual result:
Letters extend of box in web content preview pop-up.

Expected result:
Letters displayed fine.