When upgrading from 6.2 to 7.1, image width/height in web content is lost

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, 7.2.X, 7.3.X, Master
• Fix Version/s: 7.1.X, 7.2.10 DXP FP18, 7.2.X, 7.3.X, 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: CKEditor
• Labels:
  • echo-board-out
  • ee-ts
  • liferay-fixpack-dxp-18-7210
  • liferay-fixpack-dxp-28-7110
  • liferay-fixpack-dxp-4-7310
  • liferay-update-dxp-4-7310
• Branch Version/s:
  7.3.x, 7.2.x, 7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay-frontend/liferay-portal/pull/1701
• Bug Type: Code Upgrade

Issue
When upgrading from 6.2 to 7.1, image width/height in web content is lost

Steps to reproduce

1. Start a clean 6.2 bundle with the following property

   editor.wysiwyg.default=ckeditor
   editor.wysiwyg.portal-impl.portlet.ddm.text_html.ftl=ckeditor
   

1. Upload an image into Documents and Media
2. Create a new web content that displays the uploaded image
3. In the image properties, specify a width and a height
4. Switch to source mode
5. Check how the width and height are stored
   →The values are set as inline css
6. Upgrade to 7.1
7. Edit the web content and access the image properties popup

Actual results
The width/height fields are empty

Expected results
The width/height fields remain the same

Note
Looks like there is a behavior change on how the width/height is stored in code:
6.2.x-ee (5d3633fa3cab4bad6c340987f099c6c246cf1de1) → The values are set as inline css
　<img alt="" src="..." style="height: 100px; width: 100px;" />
7.1.x-private (c920473787354ba87a80e75159550bdba48f0fbf) → The values are set as img tag width/height attributes
　<img alt="" data-fileentryid="33227" height="100" src="..." style="margin: 0px;" width="100" />

Note2
If this behavior change is intended, and upgrade step to change inline css to img tag attributes is required.

_{* Please see Zendesk Support tab for further comments and attachments.}