[#7135] Uploaded handy pic will be deformed

I am using: CB 2.1.4 / CB Gallery: 2.2.0 / Joomla 3.8.7

Before upgrading to CB 2.1.4 & CB Gallery: 2.2.0 the images created and uploaded via IPhone appeared correctly in the Gallery. Then I upgraded to
CB 2.1.4 & CB . Gallery: 2.2.0. Now I have the following behaviour....If I create and upload an image via Smartphone into my Gallery, the image will be deformed as you can see below (red cross).....If I do the same procedure on my PC by selecting and uploading an existing Image file it appears correctly (blue check). Only the fotos of the gallery are affected (when uploaded via Smartphone)....Do you have any idea what to change where?

Does upload via your smartphone work fine on our demo site below?

demo.cbdemosites.com/

It's possible it's just a styling issue with the thumbnail. Is the fullsize image in the modal window also messed up? Try turning off client side resizing within CB Gallery > Photos > Validation and then re-upload from your smartphone to see if that resolves is. EXIF orientation parsing was implemented in the client side resizing and worked fine in my tests, but it's possible it has some issues in some cases.

Hi Kyle, attached to this email my testing results according to your questions & advises:

1) Upload via smartphone (url: demo.cbdemosites.com/)
I started your demo site on my handy browser and uploaded a pic which I generated first on my smartphone. It works perfect. No deformation at all.

2) Turn ON Client side resizing (in the cb gallery plugin)
If I do this, both image formats - the small image and the full size image as well in the modal window are deformed in the same way.

3) Turn OFF Client side resizing (in the cb gallery plugin)
If I do this, everything works FINE - no deformation at all

So what does this mean? Is there any contradiction concerning the settings in my site and the settings in the demo site?

PS: Here are some other settings in the cb gallery plugin of my website (may be important?)

Always resample = ENBALE
Metadata = DISABLE

Any idea? Regards

Hello

I have the same problem with these latest updates, all was working fine before.

Have managed to log in with my iPhone on the CB demo website and it's the same thing.
Also have noticed that when trying to upload a new picture from library, the first picture was kept in the upload area and uploaded twice instead of the correct second image

Hope it helps

Will make new tests from the camera instead of library

Thanks

The deformation appears to be the EXIF orientation behavior in JS. That was recently added since EXIF orientation previously would not work if client side resizing was used. For the time being disable client side resizing to workaround the issue. Looks like this is only failing for portrait images where I only tested landscape so likely a bad if statement in the JS.

forge.joomlapolis.com/issues/7135

Ok, retested client side resizing with EXIF oriented images as landscape and portrait. Works perfectly fine. I'm not sure what to suggest beyond disable client side resizing. You both appear to be using iPhone. Please try uploading those photos to your cloud, download them onto your computer, then try uploading them. If issue persists please PM a URL to the raw image that I can download and test as all my test EXIF images are working fine.

Please note the latest CB Gallery update was 3 months ago. So it's odd this would suddenly be happening now and suggests a problem with the device. Did your iPhone update recently and then this issue started?

You can find the images I use to test orientation below if you want to give them a try as well.

github.com/ianare/exif-samples/tree/master/jpg/orientation