Cropping does not work if the user does not change the default bounding box (React component)

[sturatcliffe]

Hey,

I have an instance of the React component configured so that the default (and only) tool available is the crop tool, so when the component first loads it shows the default crop boundary based on the aspect ratio provided.

However, if the user does not interact with the default boundary, the crop does not work and the output is the full image. If it matters, I'm not using the save modal, I'm using the getCurrentImgDataFnRef prop and extracting the base64 image data like so:

const {
   imageData: { imageBase64 },
} = getCurrentImgDataFnRef.current()

Thanks

[AhmeeedMostafa]

Could u please provide a codesandbox that contains ur code exactly to check it and have it reproduced?

[sturatcliffe]

Hi @AhmeeedMostafa - sure, codesandbox here:

https://codesandbox.io/s/empty-violet-3z81j3?file=/src/App.js

If you upload a file, and hit the save button below the editor, the output is the full image rather than the cropped version. Then if you move the crop handles a little and hit the save button again, it works and actually crops the image.

Cheers.

[AhmeeedMostafa]

Okay we will check it once we have time and if it's found we will consider its fix and notify you

[AhmeeedMostafa]

it's fixed in v4.5.0 now, thanks for reporting.

[mkozen]

I have the same bug in v4.5.1

[D0m1N1k999]

For me it works on the first upload, however if I change the image, cropping has no effect, unless the user interacts. (v4.8.1)