Cropper: Touch zoom chrome issue

Created on 15 Dec 2016 · 8Comments · Source: fengyuanchen/cropper

It seems the cropper doesn't work with the latest version of chrome on mobile devices.
The image literally disappears when trying to zoom or unzoom.

Can someone help me?
Many thanks in advance!

Source

Mafial

Most helpful comment

This has been fixed in v3.0.0-alpha.

fengyuanchen on 15 Jan 2017

👍2

All 8 comments

Hi, I have the same issue with ionic on Android devices. I guess it use Chrome too.
I can zoom in/out just with the inspector of remote devices in my computer, but in the phone the image just disappears. Tablets and iOS works perfectly.
I'm using the settings of "fixed-crop-box".

Thanks.

DarkxKen on 15 Dec 2016

@DarkxKen
Good to know: the old version v0.7.9 still works but it is very slow...
https://fengyuanchen.github.io/cropper/v0.7.9/

Mafial on 15 Dec 2016

Works fine in Chrome for Android 55.0.2883.91. Check if it is just a problem of your own code.

fengyuanchen on 18 Dec 2016

Hi, I can reproduce the error notified by @DarkxKen on your sample page, on Android 5.1 with Chrome 55.0.2883.91 (also happens on my application). It works correctly on Chrome 54.

xe21500 on 19 Dec 2016

As of version 55, Chrome starts to support Pointer Events which causes this problem. I will resolved this soon.

fengyuanchen on 27 Dec 2016

👍1

I cannot fixed this right now, recommend to use the non-jQuery version as this issue had been fixed in that.

Cropper.js - the non-jQuery version of Cropper (recommended).

fengyuanchen on 8 Jan 2017

This has been fixed in v3.0.0-alpha.

fengyuanchen on 15 Jan 2017

👍2

Hi @fengyuanchen! Tried updating Cropper to v3.x.x (3.0.0-rc1 in this case) and it does fix the issue but the responsive: true stopped working. I tried manually trigerring the window resize event to no avail.

Any advice on how we should go about the issue?

Thanks!