support custom html elements

[ShaMan123]

Expected Behavior

The toXXX() should manage to capture custom elements as well.

Possible Solution

Maybe the custom component is needed as a resource?
OR
tsayen/dom-to-image#370 =>

html-to-image/src/cloneNode.ts

Line 30 in e8ffd0b

const children = toArray<HTMLElement>(nativeNode.childNodes)

Additional Context

I am trying to take a snapshot of an element that has a custom element defined by math-live
Input

Output

It seems the capturing took the innerHTML/value attribute of the custom element

Test Playground

https://codesandbox.io/s/blue-thunder-gog6j?file=/src/App.tsx

[biiibooo]

👋 @ShaMan123

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[ShaMan123]

I've managed to solve it using the mentioned PR#370

[biiibooo]

🎉 This issue has been resolved in version 1.6.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

[biiibooo]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.