Image is loading outside the workspace area of CropperJS

Question

Image is loading outside the workspace area of CropperJS. I have given default maxHeight and maxWidth to the workspace div. But still image is going out of parent div.

    <div class="edited-image">
        <div class="image-workspace">
            <img src="" alt="">
        </div>
    </div>

I had tried multile things

1. Given default height, width, maxHeight, maxHeight.
2. Also tried by giving minContainerHeight, minContainerWidth to cropperJS.