react-easy-crop icon indicating copy to clipboard operation
react-easy-crop copied to clipboard

objectFit="cover" prevents to zoom out

Open mightym opened this issue 5 months ago • 4 comments

Describe the bug When I use objectFit="cover" together with aspect={1} cropShape="round" I can't zoom the image to fit the crop area. The crop area is always smaller than the possible max crop area available:

In that screenshot my image is a square image. And you can see that there is still a lot of space left to zoom in. But you can't:

1

To Reproduce Steps to reproduce the behavior:

  1. Open the example below
  2. Upload a small square image

Expected behavior I expect to zoom in on the image so that it fully covers the crop area.

  • Please create a CodeSandbox that demonstrates your issue. https://codesandbox.io/p/sandbox/react-easy-crop-custom-image-demo-forked-lgqh52?file=%2Fsrc%2Findex.js%3A81%2C15&workspaceId=bc8b6897-580d-458a-9b3c-d003c96a2633

mightym avatar Sep 24 '24 16:09 mightym