version upgrade 3.0.0-beta to 3.0.0-rc

[hasanmumin]

Hi, i try to version upgrade beta to rc, cropper is not stretch the parent. This only happens on android device.Width and height seem to be calculating incorrectly.

Version 3.0.0-beta

Version 3.0.0-rc

[fengyuanchen]

Just set the width of your image and image container to 100%:

.img-container {
  width: 100%;
}

.img-container > img {
  width: 100%;
}

[hasanmumin]

Nope, i already have this. it is the same, only android browser have this problem.

[hasanmumin]

html

<div class="col-xs-12 col-sm-12" style="position: relative;overflow: hidden;padding-top: 10px;">
      <img src="" class="" alt="" id="selected-image">
</div>

javascript

$image.attr('src', selectedImage);
 setTimeout(function(){
     $image.cropper({
                            rotatable: false,
                            cropBoxResizable: false,
                            aspectRatio: 16 / 9,
                            dragMode: "move",
                            viewMode: 2,            
                            autoCropArea: 1,
                            minCropBoxWidth:"2000",
                            minCropBoxHeight:"2000",
                        });
 $(window).trigger('resize');

}, 500);

[hasanmumin]

v3.0.0-rc.3 has the same problem. You closed the issue but problem problem still persistç

[fengyuanchen]

I have not idea on this, you might have to check your code carefully for the problem by yourself.