Console Error on GetImageData using iOS/Chrome 27.1.50

[Jeremiah]

Using the documented method to pull the components image data and to utilize canvas to create a data URL we're experiencing a thrown error on the GetImageData call.

"Typescript: undefined is not an object evaluating t.split"

This call is working on Desktop and Android devices using Chrome Browser without issue.

This is only occuring on iOS/Chrome combo.

We've isolated the error to the specific call to eliminate the possibility any other local code was throwing the error. This is 100% coming from the Syncfusion Angular Image Editor component v27.1.50.

[Jeremiah]

Error was caught on iPhone 12 running latest chrome. it appears to be either a null/undefined check was not performed on a string prior to split, or something up stream is not filling or initializing the string properly.

Image component is loading a base64 dataURL for this operation, and should be returning the updated dataURL at the end of the operation.

Please let me know if there is any other additional information I could provide to help track down the error.

[Jeremiah]

My educated guess is this is related to parsing the base64 data url in order to get the mime type for output.

[Jeremiah]

Additional info, this error is only occuring when using the annotation tool -> Add Image when an additional image is added and layered on the original image.

[YuvanShankar Arunagiri]

Hi Jeremiah,

We are glad to announce that our weekly patch release (27.1.52) has been rolled out. We have included the fix for this “Script error thrown while getting the image data from image editor in safari browser” issue in this release. So, we suggest you upgrade our Syncfusion packages to our latest version to resolve this issue on your end (27.1.52).

Root Cause: The logic checks if filterString is an empty string, but it fails to handle null values, causing a script error when splitting the null value.

Sample link: https://stackblitz.com/edit/angular-vffkbz?file=src%2Fapp.component.ts 

Release notes: https://ej2.syncfusion.com/angular/documentation/release-notes/27.1.52?type=all#image-editor

Package link: https://www.npmjs.com/package/@syncfusion/ej2-angular-image-editor

Please let us know if you need any further assistance on this.

Regards,

YuvanShankar A