This support forum is no longer in use. Please use the Cloudinary Community at https://community.cloudinary.com/ to receive assistance from other members of the community and from Cloudinary's support team. For account-specific questions or if you believe that you've encountered a bug, please contact the Cloudinary team directly via the "submit a request" option on this support site.

Upload widget crop not working in Safari

Follow
Avatar
Towny Marketing

 

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.

0

Comments

4 comments

Sort by Date Votes
  • Avatar
    Tamara Yulevich

    Hi there,

    To crop in the upload widget, you'll need to either use the c_crop,g_custom transformation 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
    Comment actions Permalink
  • Avatar
    Towny Marketing

    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: true
     
    0
    Comment actions Permalink
  • Avatar
    Danny Valentine

    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,
    -Danny

    0
    Comment actions Permalink
  • Avatar
    Danny Valentine

    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,
    -Danny

    0
    Comment actions Permalink

Post is closed for comments.