"Error: Uncaught (in promise): Event: {"isTrusted":true}" while rendering container in FF
See original GitHub issueWhile trying to render div container with a lot of angular material chechboxes using htmlToImage.toPng i received an error:
Error: Uncaught (in promise): Event: {"isTrusted":true}
It seems that this error appeared after upgrading Firefox to version 97 or above (it works fine in current Chrome and Edge, and also worked fine in FF<=96.0.3). If i reduce number of components inside container: for example: from 400 to 100-200 it renders without error.
Steps To Reproduce
Here is code that reproduces bug: https://stackblitz.com/edit/angular-ivy-bq1svc Try running it from Firefox (version 97 or above) and click “Export”.
Additional Context
Same behavior is when instead of mat-checkbox i use mat-table for example. On the other hand when I replace mat-checkbox with mat-radio-button the error is gone.
Your Environment
- html-to-image: [e.g. 1.9.0]
- OS: [Windows 10 Pro]
- Browser: [Firefox 97.0.1]
Issue Analytics
- State:
- Created 2 years ago
- Reactions:8
- Comments:23 (5 by maintainers)
Top GitHub Comments
bump. Why isn’t the bot removing the stale tag?
Seems like there is a history on this repo of issues in this queue getting ignored and then closed by the stale bot for no good reason. It’s fine if it takes a long time to get around to investigating issues, but automatically closing them because no one has got to them yet is extremely frustrating.
这个问题怎么产生的呢?我在chrome104也会遇到,但是在不同画图元素时,有的能会error有的不会, 1、我在用antv/x6中的vue-shape时使用到htmlToImage.toPng()没什么问题, 2、但是在复杂的节点分组连接桩时,会产生该error,我猜测可能是groups中定义的tagName元素(rect、text、image)导致。【也可能是别的,还是想知道到底发生了什么导致】