Trying to restore previous crop data

[orderwerks]

I'm using v2.1.7 and when I pull the crop data using cropperRef.getData() and then pass this to the component property data, the previous crop data doesn't restore on the image:

<Cropper
    data={previousCropData}
    />

I've also tried setting this using the onInitialized callback, but same issue:

<Cropper
    onInitialized={(instance) => {
        instance.setData(previousCropData);
    }}
/>

I've also tried passing in getCropBoxData() object as well to the same effect. Am I doing this correctly? or is this broken?

Thanks.

[shekhar-shubhendu]

@orderwerks Thanks for reporting this. If you can make me a codesandbox with the issue, I can look into it and check what is the issue.

[SpencerRohan]

@shekhar-shubhendu If you utilize the demo and add data={{ height: 140, rotate: 45, scaleX: 1, scaleY: 1, width: 140, x: 21, y: 56 }} it appears not to do anything.

[SpencerRohan]

This now seems resolved with v2.1.8

[orderwerks]

There still is a bug with it...

set the package.json in the demo to 2.1.8,

and set the data to:

data={{
  height: 400,
  rotate: 0,
  scaleX: 1,
  scaleY: 1,
  width: 400,
  x: 0,
  y: 0
}}

The crop box won't restore to y = 0. It respects x = 0, but for some reason won't allow y = 0.

[SpencerRohan]

@orderwerks I am getting it to work with the data provided above. Did you try and hit the refresh button inside the preview window(dumb question)?

2.1.6 & 2.1.7 definitely didn't work.
2.1.5 didn't have this issue.

[orderwerks]

Definitely hit refresh, multiple times:

[shekhar-shubhendu]

Please check this: https://codesandbox.io/s/exciting-pond-mncz0?file=/src/Demo.tsx

[SpencerRohan]

I was able to reproduce what @orderwerks is getting on 2.1.8, it appears the positioning changes between screen widths.

To Reproduce:

1. Set data property to above.
2. Refresh preview
3. Make browser window smaller
4. Refresh preview

It most certainly doesn't look like the set data button results in @shekhar-shubhendu link, but the set data workaround does work for me in the link above.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

Closing as there was no activity. Please reopen if required.