After Firefox upgrade html-to-image lib failes to render PNG in Angular app

Question

Third party library html-to-image that is used in my Angular 12 app to render PNG image from div container refused to work properly after Firefox upgrade (under Windows 10 Pro), throwing: Error: Uncaught (in promise): Event: {"isTrusted":true}. Error appeard after FF upgrade from 96.0.3 to 97.0 (and also exists in 97.0.1). It still works in other browsers (Edge or Chrome, or even FF with version 96.0.3 or lower).

Here i reproduced an error: https://stackblitz.com/edit/angular-ivy-bq1svc

The error is somehow connected with number of elements that is inside the div. Playing up with app from the above link (with Set number of checkboxes field) shows that with lower elements inside the container (<200) rendering still works.

I raised an issue here https://github.com/bubkoo/html-to-image/issues/255

I checked FF 97.* release notes and developer information but I do not see there any potential couse of such error.

• Please provide feedback if You see anything that could help me with troubleshooting this.
• Also I wonder what other steps i could do to find the solution (or workaround at least).

Thanks in advance for any help