Rotating a png freezes the cropbox

[RHinderiks]

Mac OS Sierra
Windows 10

chrome,firefox,safari,edge. all latest version

When rotating an PNG file the cropbox holds the image (so moving the cropbox around does nothing). When rotating an jpeg this works fine.

[haydar100]

same issue +1

[zhengx666]

same issue +1

The version v1.0.0 can execute normally.

[fengyuanchen]

Can not reappear... Any more detail?

[RHinderiks]

@fengyuanchen Looking at the code there seems to be a hard reference to jpg in the rotate function. Other than that it it just sticks inside the cropbox after rotate. On your website however it seems to work but the source of the image is a blob there whilst my source is a base64 of a png

[Yusoo]

+1

[LeeBelieve]

+1

[fengyuanchen]

Maybe it is the problem of some specific images, who can provide one for test?

[RHinderiks]

@fengyuanchen We used the same image on your website and it works fine but you use a blob source and not a base64 source

[Maia-Everett]

Happens for me too.

Based on my testing, the regression was introduced in cropper 3.1.0/cropperjs 1.1.0. Previous versions 3.0.0/1.0.0 work fine.

I found a way to reproduce it on the demo page https://fengyuanchen.github.io/cropper/

1. Open in new tab
2. Toggle Options -> uncheck scalable
3. Press one of the rotate buttons

Breaks for me in latest Firefox and Chrome.

[fengyuanchen]

@lucidfox Got it! Thanks~