Upload widget crop not working in Safari
Hi, I am forcing the user to crop images to a square. Everything works great in Chrome, but the crop guideline shows incorrectly in Safari (Version 15.4).
Chrome:

Safari:

Strangely, both correctly crop the final image.

-
Hi there,
To crop in the upload widget, you'll need to either use the
c_crop,g_customtransformation on the resource that was uploaded or include that as part of the incoming transformation. More details on how to do that can be found here:
https://support.cloudinary.com/hc/en-us/articles/203062071-How-to-crop-images-via-the-Upload-Widget-If that one doesn't work, could you please share the original image and the cropped version in an internal ticket here so we can give you a more detailed answer?
Thanks,
Tamara
0 -
Hi. I used that article to set everything up :) The problem is in the widget UI. Safari is showing a rectangular crop guide and it should be square.
Here are the options for openUploadWidget()
cloudName: '<removed>',uploadPreset: '<removed>',sources: ['local', 'facebook', 'google_drive'],facebookAppId: '<removed>',secure: true,multiple: false,cropping: true,croppingAspectRatio: 1,showSkipCropButton: false,resourceType: 'image',clientAllowedFormats: ['jpg', 'gif', 'png'],minImageWidth: 300,minImageHeight: 300,croppingValidateDimensions: true0 -
Hey.
My name is Danny and I work on Cloudinary's Customer Success team.
I'm able to reproduce this behaviour using my own cloud and upload preset, so as far as I can see it's not a configuration issue on your side. I'm going to raise this with the Upload Widget development team to get their insights.
Thanks for flagging this with us. We'll keep you updated as best we can.
Best regards,
-Danny0 -
Hey.
Just letting you know that this has now been fixed in the latest version of the Upload Widget. Please let us know if you continue to experience issues, and we'll be happy to assist.
Many thanks,
-Danny0
Post is closed for comments.
Comments
4 comments