Steps to reproduce:
1. Open an image
2. Select the crop tool.
3. Resize the crop to a smaller area.
4. Move the crop area to the top middle of the image for example.
5. Resize the crop to a larger area using the bottom right handle.
Current behavior:
The crop area overflows the image if it is made large enough.
The problem is also reproducible on Telerik Demos at https://demos.telerik.com/aspnet-core/imageeditor
C# / .NET 5 / Telerik.UI.for.AspNet.Core (V2021.2.511)
Hello,
Thank you very much for the detailed explanation and your feedback on how the widget should behave. It is appreciated and the developers would take it into account when they fix/enhance the widget.
Regards,
Tsvetomir
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Tsvetomir,
The crop should definitely not overflow the boundaries. The expected behavior should be to restrict the crop from spreading across the boundaries as you stated.
I have just noticed that the problem arises when the "Lock aspect ratio" is checked. When "Lock aspect ratio" is not checked, the crop area does not overflow the boundaries.
Thanks again for your help.
Regards
Hi,
Thank you for sharing your observations. Indeed, it would be very helpful if you could share more information on how you would expect the end behavior to be. For instance, would you like to restrict the crop from spreading across the boundaries of the initial image, or you would like the whole crop to be available in the editor after confirmation (allow the crop to go beyond the boundaries)?
Regards,
Tsvetomir
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Notice the blank area in the resulting image if the crop is confirmed - See Picture 2 below.
Picture 1
Picture 2