search

fengyuanchen / cropper

⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
MIT License
7.75k stars 1.74k forks source link

Problem when cropper in modal. #921

Closed yimik closed 6 years ago

yimik commented 7 years ago

Operating system : windows10 Browser : Chrome 61.0.3163.100

When I run /examples/cropper-in-modal.html ,there's a problem like this picture It's worked well in the old version of Chrome。

image

allanchao commented 7 years ago

Seconding this bug, seems to be a very new bug. happening on OS: windows 8 browser: 61.0.3163.100 (Official Build) (64-bit)

fengyuanchen commented 7 years ago

It seems to be a bug of the current version Chrome browser.

LonerKO commented 7 years ago

Yep, It's chrome bug.

mrbraca15 commented 7 years ago

same issue here, any suggestion?

DenisKolpakov commented 7 years ago

Have same issue. So, when I remove background-color: #fff; or border: 1px solid rgba(0, 0, 0, .2); or border-radius: 6px; from .modal-content style everythings become fine.

DenisKolpakov commented 7 years ago

On the other hand if I add border-radius: 6px; to <div class="cropper-drag-box cropper-modal cropper-move"></div> (as style) everything is getting right too.

yimik commented 6 years ago

@DenisKolpakov Thanks ,you are right. border-radius>0px could fix.

tjamescouch commented 6 years ago

This css rule seems to fix the issue without causing any visual changes: div.cropper-drag-box.cropper-modal { opacity:1; background-color: rgba(0,0,0,0.5); }

yimik commented 6 years ago

Chrome 62 has fixed the problem