"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 Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
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）导致。【也可能是别的，还是想知道到底发生了什么导致】