not working on mobile - Githubissues

advanced-cropper / vue-advanced-cropper

The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design

https://advanced-cropper.github.io/vue-advanced-cropper/

Other

931 stars 130 forks source link

not working on mobile #195

Closed lastlink closed 2 years ago

lastlink commented 2 years ago

used base64 image, if screen too small then cropper doesn't work. appears fine, but can't drag it anywhere.
using iphone se

Norserium commented 2 years ago

@lastlink, could you provide the video of bug reproducing?

Norserium commented 2 years ago

@lastlink, do you have the similar issue when you use a link to an image or upload it via blob?

lastlink commented 2 years ago

I render the image as base64 after uploading. (but not submitted to the server yet). I was able to replicate it in the browser by changing to screen size to be much smaller. idk if there is an auto size canvas issue if it's too small.

lastlink commented 2 years ago

I figured out the issue, when the screen was smaller and I opened the inspect page there was a div from bootstrap that was covering the cropper causing the drag to fail and not be clickable. By moving the cropper to the bottom of my form and removed this issue.

Norserium commented 2 years ago

@lastlink, all is well that ends well.