telerik / kendo-ui-core

An HTML5, jQuery-based widget library for building modern web apps.
http://www.telerik.com/kendo-ui
Other
2.53k stars 1.91k forks source link

ImageEditor's crop area exceeds image boundaries when aspect ratio is locked #6339

Open kendo-bot opened 3 years ago

kendo-bot commented 3 years ago

Bug report

ImageEditor's crop area exceeds image boundaries when the aspect ratio is locked.

Reproduction of the problem

  1. Go to https://demos.telerik.com/kendo-ui/imageeditor/index
  2. Click on Crop tool
  3. Decrease the crop area size to 1/4 through the top left resize handle.
  4. Place the area close to the bottom right corner of the image:

image

  1. Increase the height of the crop area through the bottom middle handle

Current behavior

The left part of the image appears on the right side of the crop area appended to the image image

Expected/desired behavior

The locked aspect ratio does not allow dragging further down the bottom handle when the right side of the crop area reaches the right border of the image.

Environment

NikoPenev21 commented 7 months ago

A very similar scenario reported in TicketID: 1624390 where the cropping area goes out of the image area. Check this video

https://github.com/telerik/kendo-ui-core/assets/43406491/5c9f228e-c6cb-41f5-9ba4-95b27a889f0f