Width and Height should apply to all canvas and canvas styles

[ZeroRetro]

I added width={resizedWidth} height={resizedHeight} to ReactMultiCrop and when I resize the component it seems that its only being changed in lower-canvas and not in the styles.

The canvas-wrapper is changing because I also added style={{ width: resizedWidth, height: resizedHeight }} to the ReactMultiCrop component.

So i think that width and height parameters should also change the upper-canvas width and height and the styles for canvas-container, lower-canvas and upper-canvas

widthAndHeightResized.mov

[berviantoleo]

I'll look into that issue tomorrow. I'm not sure if I'll be able to fix that quickly.

[berviantoleo]

now will be great to edit style for each crop individually

I'm thinking of that too. However, I will try on the weekend. I can't add the major changes on a weekday.

[ZeroRetro]

I think there is an issue when you have some crops defined in the component, this ones wont have color till the props refresh, the new ones will have the color tho.

I mean the crops defined inside:
record={{ clippings: [{ id: 1, rect: { x1: 0.0, y1: 0.0, x2: 0.2, y2: 0.2 }, rectPx: {} }] }}

colorBug.mov

[berviantoleo]

I think there is an issue when you have some crops defined in the component, this ones wont have color till the props refresh, the new ones will have the color tho.

I added the quick fix for this. I didn't test it yet.

[ZeroRetro]

I've just tested it and seems to be working as expected, thanks for the quick response

[berviantoleo]

now will be great to edit style for each crop individually

FYI, I made some changes regarding this.