Alloy Editor: Drag Handles are Displaced when Scrolling

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, Master
• Fix Version/s: 7.0.0 DXP FP55, 7.0.0 DXP SP9, 7.0.X, 7.1.X, Master
• Component/s: Alloy Editor
• Labels:
  • 7.1-must
  • ee-ts
  • liferay-dxp-70-sp9
  • liferay-fixpack-de-55-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 3
• Git Pull Request: https://github.com/jbalsas/liferay-portal/pull/1342

Description
When an image is selected in web content, the drag handles are displayed. If the user scrolls while the image is selected and the drag handles are visible, the drag handles will remain in their location while the screen scrolls. If the drag handles are interacted with, the image will be resized displaying a "ghost" of the image.
Not reproducible in IE since browser uses a different dragResize plugin.

Steps to Reproduce
1) Using Google Chrome/Firefox/Edge, add a web content display portlet to a page
2) Add a new web content article through the display portlet
3) Add an image to the content and select it to bring the drag handles up
4) Using the scrollbar or scroll wheel on mouse to scroll up and down on the editor window

Expected Results
The drag handles remain with the image as scrolling occurs.

Actual Results
The drag handles stay on the screen as scrolling occurs and image can be resized with them.