Web content images get horizontally compressed when the image width is wider than the portlet width

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: 6.2.0 CE RC2, 6.2.0 CE GA1, 6.2.10 EE GA1, 6.2.X EE, 7.0.0 M3
• Fix Version/s: 6.2.X EE, 7.0.0 M1
• Component/s: Frontend Infrastructure, Frontend Infrastructure > WYSIWYG
• Labels:
  • UI-Infrastructure
• Environment: Tomcat 7.0.40 + MySQL 5. Portal master GIT ID: 25c4ca3ad345929c90863ed10a49fd61b8042533.
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Business Value: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/3186

As a content editor, I would like my content images to resize, to the portlet width, by default. Because the images look more consistent.

Steps to reproduce:

1. Add a Web content article with an image to a WCD portlet
2. Make the page width smaller, or put the WCD in a narrow column

Expected results:
Image should resize

Actual results:
Image only compresses horizontally.