Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

onclone is not working

See original GitHub issue

Bug reports:

I want to change the display property of myDiv from none to block inside the cloned document. The reason to do this is that I want to hide my div in the actual dom. When I am trying to use onclone option of html2canvas, to change the property it is not reflecting. Can someone please check if I am missing something here? Please find below the link to the reproducer.

Codesandbox

Specifications:

html2canvas version tested with: 1.0.0-rc.7
Browser & version: Chrome 87
Operating system: Windows 10

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

niklasvhcommented, Jul 14, 2021

The onclone is working, but as you are rendering an element with display:none, it has no width/height. Changing it to use visibility and it works justs fine: https://codesandbox.io/s/xenodochial-northcutt-002g6?file=/src/App.js

0reactions

lighthaus205commented, Sep 6, 2022

Using the visibility property worked me for me as well! Using the display property was causing some issues, for example sometimes the font was not correctly rendered.