Croppable area size not adjusting when image is changed

[matthosfieldgab]

Hi,

I am having trouble updating (what I think is) the size of the cropper container. The use case is that an image will be displayed and the user can crop that area (this works perfectly). As the user changes some settings, we retrieve a new image with a different size (same height, different width). Then the user should be able to scroll across the new larger image and crop any part of it.

However, when the new image is retrieved and displayed, the croppable area does not seem to adjust to the new size of the image. Example below with code samples.

1. First image is displayed, the whole area is croppable. No problems here.
   

2. Details aren't important here but the user will add a new wall and provide a width. If total width of all walls exceeds a threshold (800cm) we retrieve a new image with the same height as the original, but double the width. The new image is displayed and the user can scroll across the width of the image, but the croppable area has not updated. The croppable area is displayed by the darker shading, so you see the area to the right we cannot use.
   

3. Here is how I am handling changing the image when required and also the cropper component on the page
   
   

Any help is much appreciated.

[matthosfieldgab]

i have been able to resolve this by destroying the cropper each time the image changes, and setting the cropper component option MinContainerWidth as required.