Cropper ignores parent dimensions

[mrspence]

Thank-you for porting cropper.js over to Vue!

When using the vue component, I notice it ignores the parent dimensions, and forcefully overflows. Example below:

As you can see it's disappearing below the image where overflow: hidden is active. If i disable this style rule, then I can see the cropping container and cropping image falling outside of its 'boundaries'.

What would you suggest? I'm essentially looking for a way to force the cropping container to sit within the viewport.

Thank-you for your help!

[mrspence]

Realised this can be achieved with the containerStyle attribute, something like this:

<vue-cropper ref="cropper" :src="blob" alt="Section Image" :cropmove="cropImage" containerStyle="max-height:50vh"></vue-cropper>

[Agontuk]

Since you found a solution, I'm closing this.