Sticky Header Not Captured in Screenshots Using Modern-Screenshot

[Raj-kar]

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]

Without Scroll

After Scroll to the right

DOM