CropArea size

[gabezimmermann]

Hello, I am facing a difficulty in leaving the CropArea, occupying the horizontal space of the modal.

I see that it calculates the size of the CropArea based on the height of the image within the height of the modal.

Is there any way to make it ignore this height and let the CropArea occupy the entire width?

<div className="relative w-full h-[500px]">
                            {state.isReady === true && (
                                <Cropper
                                    image={src}
                                    crop={state.cropper.crop}
                                    zoom={state.cropper.zoom}
                                    style={{
                                        cropAreaStyle: {
                                            border: '4px solid rgb(29, 155, 240)'
                                        }
                                    }}
                                    cropShape='rect'
                                    restrictPosition={true}
                                    zoomSpeed={0.1}
                                    objectFit='contain'
                                    aspect={state.aspectRatio.width / state.aspectRatio.height}
                                    onCropChange={setCrop}
                                    onZoomChange={setZoom}
                                    onCropComplete={(newCropArea) => {
                                        setCroppedArea(newCropArea)
                                    }}
                                />
                            )}
                        </div>

[ValentinH]

Have you tried using a different option for the objectFit property?