Formatting issue
vvscode opened this issue · comments
Describe the bug
Incorrect formatting in exported image
To Reproduce
Steps to reproduce the behavior:
- Use next code
const button = element.querySelector('.actionButton')
const textWrapper = element.querySelector('.textElemenet')
button.addEventListener('click', () => {
textWrapper.innerHTML = `button is <strong>clicked</strong>`
})- Export as image (via copy image to clipboard or via export)
Screenshots
Expected:
Recieved:
If applicable, add screenshots to help explain your problem.
- OS [e.g. macOS, Linux, Windows, iOS]: MacOS
- Browser [e.g. Chrome, Safari, Firefox]: Chrome
- Carbon URL [e.g. carbon.now.sh?bg=pink]: https://carbon.now.sh/?bg=rgba%28171%2C+184%2C+195%2C+1%29&t=seti&wt=none&l=application%2Ftypescript&width=680&ds=false&dsyoff=20px&dsblur=68px&wc=false&wa=true&pv=0px&ph=0px&ln=true&fl=1&fm=Hack&fs=17.5px&lh=196%25&si=false&es=4x&wm=false&code=const%2520button%2520%253D%2520element.querySelector%28%27.actionButton%27%29%250Aconst%2520textWrapper%2520%253D%2520element.querySelector%28%27.textElemenet%27%29%250A%250Abutton.addEventListener%28%27click%27%252C%2520%28%29%2520%253D%253E%2520%257B%250A%2520%2520textWrapper.innerHTML%2520%253D%2520%2560button%2520is%2520%253Cstrong%253Eclicked%253C%252Fstrong%253E%2560%250A%257D%29%250A
Code snippet
const button = element.querySelector('.actionButton')
const textWrapper = element.querySelector('.textElemenet')
button.addEventListener('click', () => {
textWrapper.innerHTML = button is <strong>clicked</strong>
})
Exporting same snippet, I'm getting correct image
YOUR WEB BROWSER'S TECHNICAL DETAILS:
Here is a more detailed read out of some technical information about your system.
Software Type - Web Browser
Hardware Type - Computer
Browser version (full)- 116.0.5845.179
Operating System version (full) - 13.4.1
Layout Engine - Blink
Configured Languages - English
Device Pixel Ratio - 2
Browser GMT Offset +03:00
[Navigator Platform](https://www.whatismybrowser.com/detect/navigator-platform) - [Intel based Mac](https://www.whatismybrowser.com/detect/navigator-platform)
Vendor - Google Inc.
No. of logical CPU cores - 10
RAM - 8 GB
Maximum Touch Points - 0
WebGL Vendor - Google Inc. (Apple)
WebGL Renderer - ANGLE (Apple, Apple M1 Pro, OpenGL 4.1)
can confirm, that on another laptop with more fresh version of chrome everything works fine