Bug 293886 – Adds Quirks for converting HEIC images to JPEG on canva.com

• Component: WebKit Misc.
• Status: RESOLVED FIXED

[Karl Dubost]

Currently the form of the photo editor on Canva.com allows to upload any images. 

1. Go to https://www.canva.com
2. Login
3. Click on Create
4. Choose Photo Editor
5. Click on Upload
6. Choose an HEIC image.
7. It open an editor with the chosen image being correctly displayed.
8. The image is inside a canvas element <canvas width="1382" height="929" style="width: 100%; height: 100%;"></canvas>
9. Trying a couple of edits on the image
10. Trying to download or Save the image with the icons at the top right.

Results:

* The Save is not working. The message says: “Save isn't working right now. You can still download your edited image.”
* The download button creates an error message which says: “Failed to download”

For the download there is also a message in the console.

Failed to load resource: The operation couldn’t be completed. (WebKitBlobResource error 1.)


Trying the same steps with a JPEG image as a control.
Everything is working. 

So this is indeed the nature of the HEIC image.

Their current markup is on 

<input type="file" class="VVvG5A" tabindex="-1" aria-hidden="true" accept="image/*">

The image/* makes them accept any formats, but they don’t seem to be able to process the images on their client side. 

Forcing a Safari side conversion of HEIC to JPEG will make it possible for people to be able to process images. 

Canva.com should make clear in the `accept="image/*"` attribute which formats they support. 
And then the Quirk can be removed.

[Karl Dubost]

<rdar://150489476>

[Radar WebKit Bug Importer]

<rdar://problem/152410611>

[Karl Dubost]

<rdar://problem/150489476>

[Karl Dubost]

This is for fixing the QUirk.

[Karl Dubost]

Pull request: https://github.com/WebKit/WebKit/pull/46197

[EWS]

Committed 295722@main (7c351be901dd): <https://commits.webkit.org/295722@main>

Reviewed commits have been landed. Closing PR #46197 and removing active labels.