Canvas toBlob crop not working on Sandbox (iOS)

[tylerjbainbridge]

I've been wrestling with the canvas logic for getting the cropped image on Mobile Safari and toBlob/toDataURL consistently return null.

I thought it might be something with my own product code, but it appears that the same issue happens on the code sandbox within the IOS Simulator. Very easy to reproduce on an iPhone 15 simulator using the Sandbox url.

Does anyone have a work around?

[mnfwu]

I've run into this same issue for mobile users on Safari with the preview canvas toBlob method failing to return a blob. It had been working well for months, but on January 10 we started receiving bug reports, all from users on mobile Safari browser and iOS version >17.0.

The behavior I've seen is like in @tylerjbainbridge's screenshot above, where the preview canvas does not populate with an image when the image is first selected. This seems to be happening more often with larger images.

Thanks for looking into this issue, we're also keen to know if anyone's found a work around or a source of the issue.

[sekoyo]

Are you able to replicate the issue? There was a "Canvas lost" error regression in iOS 17 that was fixed in a patch, wondering if you are able to see what error is in the console

[tylerjbainbridge]

I included replication instructions in the issue- very easy to reproduce it.

I believe it has to do with Safari/iOS having a max size for canvases and any larger image (basically anything taken on an iPhone) causes toBlob to quietly fail and return null.

I ended up having to move my image cropping to the server because this bug was effecting so many users.