screenshot different from DOM

Question

screenshot different from DOM

Closed this issue 3 years ago · 6 comments

fcpauldiaz commented 3 years ago

The screenshot is adding some gray shadows (right and bottom) that are not in the DOM, is there a way to fix this?

Answer 1 · 2021-12-07T00:18:05.000Z

Actually, this is related to html2canvas, so closing it

Answer 2 · 2022-06-05T14:35:25.000Z

Hi @fcpauldiaz – did you figure out how to get rid of the shadows?

Answer 3 · 2022-06-06T16:47:11.000Z

Hi @shiraleeana the shadows are an issue of the underlying library html2canvas. The workaround I'm using is disabling the shadows of the components only right before taking the screenshot and then re-enabling them after.

Answer 4 · 2022-06-07T23:25:30.000Z

Ok I see. Thanks for that.

Answer 5 · 2022-06-08T12:58:10.000Z

Found a solution for myself:
I just had a box shadow on my "card" which needed to be screenshot.
So I added an extra div inside the card and used that as the ref for the screenshot instead – no shadow issues.

Answer 6 · 2022-08-15T22:04:37.000Z

The dropdown has to be outside of your reference