[Annotations] The image is wrongly dragged at first resize of a selection in crop mode

[SoftVision-CosminMuntean]

[Affected versions]:

• Nightly 62.0a1
• Screenshots 32.1.0 dev

[Affected Platforms]:

• All Windows
• All Mac
• All Linux

[Prerequisites]:

• The "xpinstall.signatures.required" boolean pref is set to "false".
• The "extensions.legacy.enabled" boolean pref is set tot "true".
• The "extensions.install.requireBuiltInCerts" Boolean pref is set to "false".
• Have the Screenshots 32.1.0 dev version installed from here, on a new clean profile.
• Have a saved shot link.

[Steps to reproduce]:

1. Open the Firefox browser with the profile from prerequisites and navigate to the saved shot link.
2. Click the "Edit this image" button.
3. Click the "Crop" button.
4. Perform a selection on the image.
5. Resize the image without releasing the mouse.
6. Observe the behavior.

[Expected result]:

• The selection is correctly resized.

[Actual results]:

• The image is dragged.

[Notes]:

• After releasing the mouse the image is released but the selection can still be resized.
• Here is a screen recording with the issue:
  

[chenba]

What's the being dragged are teh divs for the crop selection highlight and background (which are wrapped in a parent div). It also looks like the right hand side background div is too wide.

[chenba]

PR's created. Adding to current sprint.

[SoftVision-CosminMuntean]

I have verified this issue using latest Screenshots (32.1.0) dev version and the issue is no longer reproducible. Tested on Windows 7 x64, Mac 10.13 and Arch Linux.