Focused element only appearing in image & toJpeg always create blank image (toPng Svg works)

[tathastu871]

I am turning body tag or any parent tag for desired elemnet into image

Problem is when certain elemnt like textarea/input is focused

Image blank out other element only focused element visible

Now bug is

1. When downlaoded image i go to browser downloads menu and open it in browser as image then it displys all element but with greyed background while focused element

2. Same above image when i got to system file explorer and open in gallery it appears every other element are blank only focused elemmet present

**Above images created by passing element body tag or div wrapped in another div to mitigate margin related cropping issues

3. This time i created image without wrappinf for body tag and image is blank completely
   

[forever0714yuan]

你好，我已收到你的来信。辛苦了！！

[tathastu871]

i tried downloding image by setting dataurl to anchor
also tried by converting to blob and objecturl set to anchor
but downlaoded png is blank
browser downlaod renderes png maybe because its in memoey

[tathastu871]

i tried downloding image by setting dataurl to anchor
also tried by converting to blob and objecturl set to anchor
but downlaoded png is blank
browser downlaod renderes png maybe because its in memory

it was transparency related issue maybe

i tried imagemagick on downlaoded png and remove alpha channel and set white bg