[MGNLUI-3524] IE11: upon manual cropping of an image, its size gets dropped severely Created: 04/May/15  Updated: 15/Apr/16  Resolved: 14/Sep/15

Status: Closed
Project: Magnolia UI
Component/s: media editor
Affects Version/s: None
Fix Version/s: 5.3.11, 5.4.3

Type: Bug Priority: Neutral
Reporter: Zdenek Skodik Assignee: Milan Divilek
Resolution: Fixed Votes: 0
Labels: support
Remaining Estimate: 0d
Time Spent: 55m
Original Estimate: Not Specified

Attachments: PNG File 1 Image to crop.png     PNG File 2 Click on crop.png     PNG File 3 After zoom to fit.png     PNG File 4 Choosing excerpt.png     PNG File 5 Cropped image.png     PNG File 6 Saved edit.png     PNG File 7 End result.png     PNG File crop_in_IE11_after_jcrop_replace.PNG    
Issue Links:
Relates
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Sprint: Kromeriz 10
Story Points: 8

 Description   



 Comments   
Comment by Antonín Juran [ 07/Jul/15 ]

It seems that there is a bug in jquery (tested with versions 1.7.2, 1.11.3, 2.1.4.). When the program is stopped at the breakpoint in case of debugging of files jcrop_connector.js or jquery-X.X.X.min.js and then continues in running again, the error does not occur.

Comment by Mikaël Geljić [ 13/Aug/15 ]

@ajuran Did you just try to update jquery itself, or did you try various versions of the jcrop plugin as well?
We're using 0.9.10 (from 2012), while its site & github claim it's been rewritten since then, and there's a version 2.0.0 that was seemingly released last year.
Indeed, if so, it's well possible that we have to adjust our connector, depending on how big their changes have been.

Comment by Antonín Juran [ 19/Aug/15 ]

mgeljic I tried to update jcrop to last version too, but the issue in IE11 still occured.

Comment by Jan Haderka [ 21/Aug/15 ]

ajuran And did you also try to update jquery jcropper plugin from 0.9 to 2.0?

Comment by Antonín Juran [ 21/Aug/15 ]

had I tried it with jquery.Jcrop v0.9.12. I'll try it with Jcrop.js v2.0.0.

Comment by Antonín Juran [ 31/Aug/15 ]

I replaced actually used version of jcrop (0.9.10) and its appropriate version of jquery (1.7.2) with the newest version of jcrop (2.0.0) and its appropriate version of jquery (1.9.0), the size of image in IE11 shrinks too (see attached image crop_in_IE11_after_jcrop_replace.PNG above) and cropping in other browsers doesn't work.

Comment by Michael Mühlebach [ 03/Sep/15 ]

I think a workaround would be to disable cropping in IE11. It is not ideal but we would not accidentally damage the image which is quite important.

Comment by Andreas Weder [ 16/Sep/15 ]

I've done some research on this. This is, in fact,* only a zoom problem*. I don't see where any damage to the actual image is done.

Here's what I've done using IE11 on Windows 10 (see attachments):

  1. Open asset, select "edit image"
  2. Click on "crop image". The image is seemingly shrunk and looks damaged.
  3. Click on "zoom to fit" ("zoom to actual size" also works). The image zooms in. You can see both the image and the cropping rectangle.
  4. Choose the excerpt.
  5. Execute the crop by clicking on "crop image" button.
  6. The image is properly cropped. Save the edit by clicking on "save changes" button.
  7. Save the changes to the asset.

The image has been properly cropped. There's no unintentional damage to the image.

Generated at Mon Feb 12 09:07:28 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.