Sticky Header Not Captured in Screenshots Using Modern-Screenshot - Githubissues

qq15725 / modern-screenshot

📸 Quickly generate image from DOM node using HTML5 canvas and SVG.

https://toolpkg.com/html-to-image

MIT License

617 stars 41 forks source link

Sticky Header Not Captured in Screenshots Using Modern-Screenshot #114

Open Raj-kar opened 3 hours ago

Raj-kar commented 3 hours ago

Steps To Reproduce

Visit this Demo Link
Click the "Download" button. A new tab should open displaying a screenshot of the table.
Close the Tab.
Now, Scroll the table to the right, then click on Download again.
You can see, The sticky header is not visible in the screenshot, even though it appears correctly in the DOM.
The sticky header should be captured in the screenshot exactly as it appears on the page.

Environment

React + TS
Vite

Raj-kar commented 3 hours ago

Without Scroll

After Scroll to the right

DOM